* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    width: 100%;
}

/* Mobile view only */
@media (max-width: 768px) {
    html {
        overflow-x: hidden;
    }
}

body{
    background:#f5ddc1;
    font-family: 'Poppins', sans-serif;
    overflow-x:hidden;
}
a{
    text-decoration:none;
}
h2{
    font-family: 'Cormorant Garamond', serif;
}
.navbar-custom{
    background: #f5ddc1;
    border-bottom: 1px solid #00000014;
    transition: all 0.3s ease;
}

.navbar-custom.scrolled{
    background: rgba(245, 221, 193, 0.2); /* opacity 0.2 */
    backdrop-filter: blur(10px);
}

.reserve-btn{
    font-size: 20px !important;
    background: #002861;
    color: #fff;
    border-radius: 0;
    padding: 10px 24px;
    border: none;
    transition: 0.3s ease;
     font-family: 'Cormorant Garamond', serif;
}
 
.reserve-btn:hover{
    background: #0d499c;
    color: #fff;
      transform: scale(1.05);
}
 
.reserve-btn:focus,
.reserve-btn:active,
.reserve-btn.show{
    background: #05367a !important;
    color: #fff !important;
    border-color: #05367a !important;
    box-shadow: none !important;
}
.dropdown-item {
    color: #0c31ff !important;
    transition: all 0.3s ease;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #0c31ff !important;
    color: #ffffff !important;
}
.navbar-brand {
   font-family: 'Cormorant Garamond', serif;
}
.navbar-brand:hover {
    color: #05367a;   
}


/* RIGHT LINKS */

.discover-links{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.discover-links a{
    font-size:26px;
    color:#0c31ff ;
    transition:.3s;
}

.discover-links a:hover{
    color:#05367a;
    padding-left:10px;
}
/* =========================================
   HERO
========================================= */
.hero{
    height:100vh;
    position:relative;
    overflow:hidden;
}

/* VIDEO BACKGROUND */
.hero-video{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    object-fit:cover;
    z-index:0;
}

/* DARK OVERLAY */
.hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero-title{
    font-size:125px;
    letter-spacing:18px;
    color:#fff;
}

.hero-subtitle{
    color:#fff;
    letter-spacing:5px;
    font-size:20px;
}


/* =========================================
   FULL SCREEN MENU
========================================= */

.menu-overlay{
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    background:#f5ddc1;
    z-index:99999;

    opacity:0;
    visibility:hidden;
    transform:translateY(-100%);

    transition:all .6s cubic-bezier(0.77, 0, 0.175, 1);

    overflow-y:auto;
}

.menu-overlay.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Background Video */
/* .menu-overlay{
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    overflow-y:auto;
    z-index:99999;
} */

/* Full overlay video */
.video-background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts background behind text navigation links */
    background-color: #111; /* The fallback layer color if video path breaks */
    overflow: hidden;
}

/* Dark filter overlay */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55); /* Adjust 0.55 to make background lighter or darker */
    z-index: 1;
}

/* Core Video Reset */
.menu-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover; /* Forces video to cover screen aspect ratio without warping */
    z-index: 0;
}

/* MOBILE FIX */
@media (max-width: 768px){
    .menu-bg-video{
            width: 100%;
      height: 110vh;
              object-fit:cover;
    }

 .discover-links a{
        font-size:22px;
    }
.overlay-main-link{
    font-size: 24px!important;
}

}
/* Dark overlay */
.video-overlay{
    position:absolute;
    inset:0;
    background:rgba(0, 0, 0, 0.55);
    z-index:2;
}

/* All content above video */
/* .menu-overlay .container,
.close-menu-btn{
    position:absolute;
    top:35px;
    right:40px;

    width:60px;
    height:60px;

    border:none;
    border-radius:50%;

    background:#fff;
    color:#2d1c13;

    font-size:24px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    transition:.3s;
} */
/* Dark Overlay */
.video-overlay{
    position:absolute;
    inset:0;
    background:rgba(0, 0, 0, 0.55);
    z-index:2;
}

/* Content */
.menu-overlay .container{
    position:relative;
    z-index:3;
}

/* Close Button */
.close-menu-btn{
position:absolute;
    top:35px;
    right:40px;

    width:60px;
    height:60px;

    border:none;
    border-radius:50%;

    background:#fff;
    color:#2d1c13;

    font-size:24px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    transition:.3s;
    z-index: 99999;
}
.close-menu-btn:hover{
    background:#0c31ff;
    color:#fff;
    transform:rotate(90deg);
}
.section-space{
    padding:20px 0;
}

 
.overlay-small-title{
    color:#ffffff;
    letter-spacing:5px;
    font-size:15px;
    text-transform:uppercase;
    background-color: #05367a;
    padding:4px;

}
 
/* LEFT MENU */
 
.overlay-menu-list{
    display:flex;
    flex-direction:column;
}
 

.overlay-main-link{
    font-size:32px;
    line-height:1.1;
    color:#0c31ff;

    padding:14px 0;

    transition:.3s;
}

.overlay-main-link:hover{
    color:#05367a  ;
    padding-left:12px;
}
 .manu_hr{
   color:#05367a  
 }

 /* Default: show desktop, hide mobile */
.desktop-video{
    display: block;
}

.mobile-video{
    display: none;
}

/* MOBILE VIEW */
@media (max-width: 768px){
    .desktop-video{
        display: none;
    }

    .mobile-video{
        display: block;
    }
}
/* MENU BUTTON */
 
.menu-link-btn{

 
    display:flex;
    justify-content:space-between;
    align-items:center;
 
    background-color:#002861;
    width:50%;
    text-align:center;
    border:none;
 
    padding:14px 0;
 
    font-size:32px;
    line-height:1.1;
 
    color:#ffffff;
 
    transition:.3s;
}
 
.menu-link-btn:hover{
    
    padding-left:12px;
}
 
.menu-link-btn i{
    font-size:22px;
    transition:.3s;
}
 
.menu-link-btn.active i{
    transform:rotate(180deg);
}
 
.book-table-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:315px;
    height:40px;
    background:#05367a;
    color:#fff;
    text-decoration:none;
    font-family: 'Poppins', sans-serif;
    font-size:22px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:all .4s ease;
}
 
.book-table-btn:hover{
    background:#05367a  ;
    color:#fff;
    transform:translateY(-3px);
}
 
.footer-tagline{
    color:#05367a  ;
    font-size:16px;
    letter-spacing:4px;
    text-transform:uppercase;
}
/* =========================================
   GLOBAL
========================================= */

/* =========================================
   AUTO ARRANGE GALLERY
========================================= */
.reserve-table-btn{
     display:inline-flex;
      background:#05367a;
    color:#fff;
    text-decoration:none;
    font-family: 'Poppins', sans-serif;
    font-size:22px;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:all .4s ease;
}
.reserve-table-btn:hover{
    background:#05367a  ;
    color:#fff;
    transform:translateY(-3px);
}
.gallery-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    grid-auto-flow: dense;
}

/* =========================================
   GALLERY ITEM
========================================= */
.gallery-item{
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    height: 240px;
}

/* =========================================
   IMAGE
========================================= */
.gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 18px;
    transition: transform 0.5s ease;
}

/* HOVER EFFECT */
.gallery-item:hover img{
    transform: scale(1.05);
}

/* =========================================
   BIG IMAGE 9 ONLY
========================================= */
.gallery-item.featured{
    grid-column: span 2;
    grid-row: span 2;
    height: 498px;
}

.gallery-item.featured img{
       object-fit: fill;
}

/* =========================================
   RESPONSIVE
========================================= */
@media(max-width:991px){

    .gallery-wrapper{
        grid-template-columns: repeat(3, 1fr);
    }

    .gallery-item.featured{
        grid-column: span 2;
        grid-row: span 2;
    }
       .overlay-main-link,
    .menu-link-btn{
        font-size:40px;
    }
    .close-menu-btn{
        width:50px;
        height:50px;
        top:20px;
        right:20px;
    }
}

@media(max-width:768px){

    .gallery-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-item{
        height: 200px;
    }

    .gallery-item.featured{
        grid-column: span 2;
        height: 420px;
    }

}

@media(max-width:576px){

    .gallery-wrapper{
        grid-template-columns: 1fr;
    }

    .gallery-item,
    .gallery-item.featured{
        grid-column: span 1;
        grid-row: span 1;
        height: auto;
    }

}
.content-video video{
    width:100%;
    height:auto;
   
}
   .video-card{
            position: relative;
            overflow: hidden;
            height: 600px;
        }

        .video-card video{
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .video-card::after{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to top,
                rgba(0,0,0,0.75),
                rgba(0,0,0,0.15)
            );
        }

        .video-content{
            position: absolute;
            left: 40px;
            bottom: 40px;
            z-index: 2;
            color: #fff;
            text-align: left;
            max-width: 400px;
        }

        .video-content .subtitle{
            display: block;
            font-size: 14px;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .video-content h3{
            font-size: 3rem;
            font-weight: 300;
            margin-bottom: 15px;
            color: #fff;
        }

        .video-content p{
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .video-content a{
            color: #fff;
            text-decoration: none;
            border-bottom: 1px solid #fff;
            padding-bottom: 3px;
            transition: 0.3s;
        }

        .video-content a:hover{
            opacity: 0.8;
        }

        @media (max-width: 768px){
            .video-card{
                height: 400px;
                margin-bottom: 15px;
            }

            .video-content{
                left: 20px;
                bottom: 20px;
                max-width: 90%;
            }

            .video-content h3{
                font-size: 2rem;
            }
        }

         
/* New customized CSS namespace mapping:
   .storySwiper -> .ambiance-carousel
   .phone-card  -> .cinema-card
   .story-content -> .card-narrative
*/
 
/* Smooth ease-in-out curve for premium card deceleration */
.ambiance-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
}
 
.ambiance-carousel .swiper-slide {
    width: 320px;
    height: 450px;
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;
}
 
.cinema-card {
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
 
.cinema-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 
.cinema-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.2),
        transparent
    );
}
 
.card-narrative {
    z-index: 2;
}
 
@media(max-width:768px){
    .ambiance-carousel .swiper-slide {
        width: 260px;
        height: 380px;
    }
}
 .hero-side-img{
    width:150px; /* adjust as needed */
    height:auto;
    z-index:3;
}

@media (max-width:768px){
    .hero-side-img{
        width:90px;
    }
}

@media (max-width: 991px) {
    .hero-title {
        font-size: 50px;
          letter-spacing:5px;
    }
    hero-subtitle {
    color: #fff;
    letter-spacing: 5px;
    font-size: 16px;
    }}
.sign-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centering children horizontally */
    max-width: 900px;
    /* width: 100%; */
    margin: 0 auto;     /* Centers the container container itself if needed */
}

        /* Line 1: Contains the Logo Box and "MAYA" side-by-side */
        .top-row {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        /* Logo Box (The emblem on the left) */
        .logo-box {
            background-color: #111622; /* Dark navy/black background */
            border: 3px solid #2c271e;
            border-radius: 12px;
            width: 55px;
            height: 55px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0; /* Prevents the box from shrinking */
            position: relative;
            /* 3D shadow effect for the logo box itself */
            box-shadow: 
                -1px 1px 0px #080b11,
                -2px 2px 0px #080b11,
                -3px 3px 0px #080b11,
                -4px 4px 0px #080b11,
                -5px 5px 5px rgba(0,0,0,0.4);
        }

        .logo-ornament {
            width: 65%;
            height: 65%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .logo-m {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

        .logo-img {
            width: 56px;
            height: auto;
            filter: drop-shadow(0 0 5px rgba(255,255,255,0.25));
        }

        /* "MAYA" Main Heading styling */
        .brand-name {
   
            font-size: 2rem;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 2px;
            line-height: 1;
            text-transform: uppercase;
            /* Layered text-shadows to build the deep dark-blue 3D return/extrusion */
            text-shadow: 
                -1px 1px 0px #111622, -2px 2px 0px #111622, -3px 3px 0px #111622,
                -4px 4px 0px #111622, -5px 5px 0px #111622, -6px 6px 0px #111622,
                -7px 7px 0px #111622, -8px 8px 0px #111622, -9px 9px 0px #111622,
                -10px 10px 12px rgba(0, 0, 0, 0.5);
        }

        /* Line 2: Contains "FLAVORS OF INDIA" directly underneath */
        .bottom-row {
            margin-top: 15px;
            /* Indents the tagline slightly to align beautifully under the text above */
            padding-left: 5px; 
        }

        /* "FLAVORS OF INDIA" Subheading styling */
        .tagline {
            font-size: 1.1rem;
            font-weight: 800;
            color: #ffffff;
            letter-spacing: 2px;
            text-transform: uppercase;
            line-height:0;
            /* Layered shadows for the smaller 3D depth effect */
            text-shadow: 
                -1px 1px 0px #111622, -2px 2px 0px #111622, -3px 3px 0px #111622,
                -4px 4px 0px #111622, -5px 5px 0px #111622,
                -6px 6px 8px rgba(0, 0, 0, 0.5);
        }

        /* Responsive scaling for smaller viewports */
        @media (max-width: 853px) {
            .logo-img {
            width: 30px;
            height: auto;
            filter: drop-shadow(0 0 5px rgba(255,255,255,0.25));
        }
            .top-row {
                /* flex-direction: column; */
                gap: 15px;
            }
            .bottom-row {
                text-align: center;
                padding-left: 0;
            }
               .brand-name {
            padding-top: 10px;
            font-size: 2rem;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 2px;
            line-height: 0;
            text-transform: uppercase;
            /* Layered text-shadows to build the deep dark-blue 3D return/extrusion */
            text-shadow: 
                -1px 1px 0px #111622, -2px 2px 0px #111622, -3px 3px 0px #111622,
                -4px 4px 0px #111622, -5px 5px 0px #111622, -6px 6px 0px #111622,
                -7px 7px 0px #111622, -8px 8px 0px #111622, -9px 9px 0px #111622,
                -10px 10px 12px rgba(0, 0, 0, 0.5);
        }
            .tagline {
                font-size: 0.8rem;
            }


              .logo-box {
            background-color: #111622; /* Dark navy/black background */
            border: 3px solid #2c271e;
            border-radius: 12px;
            width: 35px;
            height: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0; /* Prevents the box from shrinking */
            position: relative;
            /* 3D shadow effect for the logo box itself */
            box-shadow: 
                -1px 1px 0px #080b11,
                -2px 2px 0px #080b11,
                -3px 3px 0px #080b11,
                -4px 4px 0px #080b11,
                -5px 5px 5px rgba(0,0,0,0.4);
        }

  .sign-container {
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    max-width: 900px;
    width: 55%;
    margin: 0 auto;
}

        }




        /* --- Keyframe Animations --- */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(25px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulseAttention {
            0% { transform: scale(1); }
            50% { transform: scale(1.02); box-shadow: 0 8px 20px rgba(217, 83, 30, 0.25); }
            100% { transform: scale(1); }
        }

        @keyframes shimmer {
            100% { left: 125%; }
        }

        /* --- Entry Animations for Content --- */
        .animate-fade {
            opacity: 0;
            animation: fadeInUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
        }

        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.4s; }
        .delay-4 { animation-delay: 0.6s; }

        /* Typography */
        .subtitle {
            display: inline-block;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 3px;
            color: #c87a53; 
            font-weight: 600;
            margin-bottom: 10px;
        }

        h1 {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2.5rem, 5vw, 3.8rem); 
            font-weight: 700;
            color: #1a110b;
            line-height: 1.2;
        }

        .description {
            font-size: clamp(1rem, 2vw, 1.15rem);
            color: #615243;
            max-width: 600px;
            margin: 0 auto 40px auto;
            line-height: 1.6;
        }

   /* Grid Setup */
.button-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Creates a 2-column layout */
    gap: 20px;
    max-width: 500px;
    margin: 0 auto 60px auto;
}

/* Row 1: Order Direct spans across both columns */
.btn-primary {
    background-color: #d9531e; 
    color: #ffffff;
    grid-column: span 2; 
    font-weight: 600;
    font-size: 18px;
    animation: pulseAttention 3s ease-in-out infinite alternate;
}

/* Row 3: Grubhub sits in the center of both columns */
.btn-center {
    grid-column: 1 / -1;   /* Spans across the grid track */
    justify-self: center;  /* Forces the button width to shrink to its content */
    min-width: 220px;      /* Matches the visual weight of the other buttons */
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .button-grid {
        grid-template-columns: 1fr; /* Stack everything in 1 clean column on mobile */
    }
    .btn-primary, .btn-center {
        grid-column: span 1;
        width: 100%;
    }
}

        /* Base Button Styling */
        .btn {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 16px 28px;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
            position: relative;
            overflow: hidden;
        }

        /* Primary "Order Direct" Button (With Attention Grabbers) */
        .btn-primary {
            background-color: #d9531e; 
            color: #ffffff;
            grid-column: span 2; 
            font-weight: 600;
            font-size: 18px;
            box-shadow: 0 4px 12px rgba(217, 83, 30, 0.15);
            /* Soft continuous pulse to attract orders */
            animation: pulseAttention 3s ease-in-out infinite alternate;
        }

        /* Shimmer Flash Effect on Primary Button */
        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -75%;
            width: 50%;
            height: 100%;
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
            transform: skewX(-25deg);
            animation: shimmer 4s infinite linear;
        }

        .btn-primary:hover {
            background-color: #bd4314;
            transform: translateY(-3px) scale(1.01);
            box-shadow: 0 12px 20px rgba(217, 83, 30, 0.3);
            animation-play-state: paused; /* Stops pulsing when hovering */
        }

        /* Delivery Platform Buttons */
        .btn-secondary {
            background-color: #ffffff;
            color: #1a110b;
            border: 1px solid #e2d4c5;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
        }

        .btn-secondary:hover {
            background-color: #bd4314;
            color: #ffffff;
            border-color: #536cd9;
            transform: translateY(-3px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
        }

        /* Reservation Footer Link */
        .reservation-link {
            font-family: 'Poppins', sans-serif;
            font-size: clamp(1.8rem, 4vw, 2.4rem);
            color: #1a110b;
            text-decoration: none;
            display: inline-block;
            position: relative;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        .reservation-link:hover {
            color: #d9531e;
        }

        /* Elegant slide-out underline effect for reservation */
        .reservation-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 2px;
            bottom: -5px;
            left: 0;
            background-color: #d9531e;
            transform-origin: bottom right;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .reservation-link:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

        /* Responsive Tweak for Small Screens */
        @media (max-width: 480px) {
            .button-grid {
                grid-template-columns: 1fr;
            }
            .btn-primary {
                grid-column: span 1;
            }
        }


/* Container holding the divider layout together */
.luxury-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 50%;
    margin: 50px auto;
    position: relative;
}

/* Layered Line styling mimicking image_97a248.png */
.luxury-line {
    flex: 1;
    height: 12px; /* Inner main band thickness */
    position: relative;
    /* Rich gold/amber background tone */
    background: linear-gradient(to right, rgba(154, 107, 31, 0) 0%, rgba(200, 145, 45, 1) 20%, rgba(200, 145, 45, 1) 80%, rgba(154, 107, 31, 0) 100%);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* The distinct top bright gold metallic ribbon border */
.luxury-line::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(184,135,40,0) 0%, #fdf5a6 20%, #ddb04c 50%, #fdf5a6 80%, rgba(184,135,40,0) 100%);
    box-shadow: 0 -1px 3px rgba(253, 245, 166, 0.4);
}

/* The deep, rich dark chocolate/amber undertone strip underneath */
.luxury-line::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, rgba(74, 46, 6, 0) 0%, #52340b 30%, #52340b 70%, rgba(74, 46, 6, 0) 100%);
    opacity: 0.8;
}

/* Centralized Ornament Box */
.luxury-ornament {
    width: 50px;
    height: 50px;
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.25));
    transform: rotate(45deg); /* Flips it into the diamond structure seen in image_97a248.png */
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-ornament svg {
    width: 50%;
    height: 100%;
}

/* Elegant, subtle hover effect on the center star */
.luxury-divider:hover .luxury-ornament {
    transform: rotate(135deg);
}

/* ==========================
   Premium Filter Navigation
========================== */

.filter-wrapper{
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(226,212,197,0.5);
    border-radius: 14px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}
/* Button Container */
.filter-scroll-track{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* Premium Button */
.btn-filter{
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff !important;
    background: #002861;
    border: 1px solid #002861;
    padding: 10px 24px;
    min-width: 160px;
    height: 46px;
    border-radius: 20px;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease;
}

/* Hover */
.btn-filter:hover{
    background: #0c31ff;
    border-color: #0c31ff;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(12,49,255,0.25);
}

/* Active */
.btn-filter.active{
    background: #bc4719;
    border-color: #bc4719;
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(188,71,25,0.25);
}

@media (max-width:768px){

    .filter-scroll-track{
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      
    }

    .btn-filter{
        flex: 0 0 calc(33.333% - 4px);
        width: calc(33.333% - 4px);
        min-width: 0;
        height: 36px;
        padding: 4px 6px;
        font-size: 11px;
        border-radius: 20px;
    }
}
.filter-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.filter-actions a{
    color: #002861;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.35s ease;
}

/* Underline Animation */
.filter-actions a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0px;
    width: 0;
    height: 2px;
    background: #bc4719;
    transition: width 0.35s ease;
}

/* Hover Effect */
.filter-actions a:hover{
    color: #bc4719;
    transform: translateY(-3px);
}

.filter-actions a:hover::after{
    width: 100%;
}

/* Separator */
.filter-actions span{
    color: #999;
}




.footer-text{
     color:#0c31ff;
     font-weight: 600
    }
.section-space{
    padding:20px 0;
}
.instagram-icon {
    background: linear-gradient(
        45deg,
        #f09433 0%,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%);
  background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;

    display: inline-block;
}
.google-icon {
    background: linear-gradient(
        90deg,
        #4285F4 0%,    /* #0c31ff */
        #EA4335 30%,   /* Red */
        #FBBC05 60%,   /* Yellow */
        #34A853 100%   /* Green */
    );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;

    display: inline-block;
}
.facebook-icon{
    background: linear-gradient(
        135deg,
        #1877F2 0%,
        #0A66FF 50%,
        #0047AB 100%
    );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    -webkit-text-fill-color: transparent;

    display: inline-block;
    transition: all 0.3s ease;
}

.facebook-icon:hover{
    transform: scale(1.1);
}



/* menu */

.hero-section{
    position: relative;
    width: 100%;
    height: 100vh; /* Full screen */
    overflow: hidden;
}

.hero-secvideo{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}


.text-color {
    color: #000000;
}
.text-gold{
    color:#0c31ff;
}

        .tab-btn {
            background: transparent;
            border: 1px solid #05367a;
            color: #05367a  ;
            padding: 8px 24px;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .tab-btn:hover {
            border-color: #0c31ff;
            color: #0c31ff;
        }

        .tab-btn.active {
            background: #0c31ff;
            color: #fff;
            border-color: #0c31ff;
        }
/* =========================================
  feed back
========================================= */
.review-card{
    max-width:900px;
    margin:auto;
    text-align:center;
    /* padding:50px 40px; */
    /* background:#fff; */
    border-radius:20px;
    /* box-shadow:0 10px 30px rgba(0,0,0,.08); */
}

.review-card h5{
    font-size:18px;
    margin-bottom:20px;
    color:#000000;
    text-transform:uppercase;
}

.review-card p{
    font-size:20px;
    line-height:1.8;
    color:#000000;
    font-style:italic;
}

.stars{
    font-size:22px;
    color:#d4a017;
    font-weight:600;
}
.big-title{
  color:#000000;  
  font-family: 'Cormorant Garamond', serif;
}
.btn-color{
   font-family: 'Cormorant Garamond', serif;
   font-size: 18px;
   font-weight: 700;
   background-color: #002861;
   color: #fff;
   padding: 10px 20px;
   border: none;
   display: inline-block;
   text-decoration: none;
   transition: all 0.3s ease;
}
 
.btn-color:hover{
   background-color: #0d499c;
   color: #fff;
   transform: scale(1.05);
}
 
.btn-color:focus,
.btn-color:active{
   background-color: #0d499c;
   color: #fff;
   box-shadow: none;
}
 
/* desktop */
@media (min-width: 992px){
   .btn-color{
      font-size: 25px;
   }
}
.page_title {

 color: #ffffff; 
 background: #05367a; 
 display:inline-block; 
 padding:2px 20px; 
 border-radius:6px;
}

/* desktop */
@media (min-width: 992px){
   .btn-color{
      font-size: 25px;
   }
}
 
    .maya-header{
    display:none;
}
 
@media screen and (max-width:853px){
    .maya-header{
        display:block;
    }
}
/* Hide by default */
.maya-header-destopview{
    display: none;
}
 
/* Show on 853px and larger screens */
@media screen and (min-width: 854px){
    .maya-header-destopview{
        display: block;
    }
}