body {

    font-family: Playfair Display, serif;

    background-size: cover;

    background-repeat: repeat;

    background-attachment: fixed;

    color: #3e2f1c;

}



/* Overlay for better readability */

body::before {

    content: "";

    position: fixed;

    top:0; left:0; right:0; bottom:0;

    background: rgba(255, 248, 235, 0.85);

    z-index: -1;

}



/* Navbar */

.navbar {

    background: rgba(248, 241, 228, 0.9);

    backdrop-filter: blur(5px);

    border-bottom: 2px solid #c9a46c;

}



.navbar-brand {

    font-weight: bold;

    font-size: 24px;

}



/* Hero Section */

.hero {

    

    padding: 80px 20px;

    text-align: center;

    color: #fff;

}



/* Buttons */

.btn-custom {

    background: linear-gradient(45deg, #c28b3c, #a8742a);

    color: white;

    border-radius: 10px;

    padding: 10px 20px;

    border: none;

}



.btn-custom:hover {

    background: #8a5f20;

	color: white;

}



/* Sections */

.section {

    padding: 50px 20px;

}



/* Cards */

.card {

    background: rgb(255 255 255 / 0%);

    border: 1px solid #e0c9a6;

    border-radius: 15px;

    box-shadow: 0 6px 15px rgba(0,0,0,0.08);

}




/* Footer */

.footer {

    background: #6A2F1E;

    color: #fff;

    padding: 20px;

    text-align: center;

}



















.navbar .navbar-brand {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}



/* Keep logo centered only on desktop */

@media (max-width: 991px) {

    .navbar .navbar-brand {

        position: static;

        transform: none;

    }

}









/* Navbar layout */

.nav-wrapper {

    display: grid;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

}



/* Left menu */

.nav-left {

    justify-content: flex-start;

    gap: 20px;

}



/* Right menu */

.nav-right {

    justify-content: flex-end;

    gap: 20px;

}



/* Logo center */

.nav-logo {

    text-align: center;

    position: relative;

    top: 10px; /* overlap effect */

    z-index: 10;

}



/* Logo style */

.logo-img {

    height: 140px;

    width: 140px;

    border-radius: 50%;

    border: 5px solid #d10e0e;

    background: #fff;

    padding: 5px;

    box-shadow: 0 8px 20px rgba(0,0,0,0.25);

}



/* Navbar spacing */

.custom-navbar {

    padding-top: 0px;

    padding-bottom: 0px;

}



/* Mobile Fix */

@media (max-width: 991px) {

    .nav-wrapper {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .nav-logo {

        position: static;

        top: auto;

    }



    .logo-img {

        height: 70px;
        width: 70px;

    }



    .custom-navbar {

        padding: 10px 0;

    }

}