:root{
      --gold:#a77820;
      --dark:#07131f;
      --white:#ffffff;
      --light:#d6d6d6;
    }
        *{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }
        html{
      scroll-behavior:smooth;
    }
        body{ 
      background:#000;
      overflow-x:hidden;
    }
    
/* ==========================================
   1. DIN FONTS (Headings ke liye)
   ========================================== */
   /* Regular DIN */
@font-face {
    font-family: 'D-DIN';
    src: url('../font/D-DIN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Italic DIN */
@font-face {
    font-family: 'D-DIN';
    src: url('../font/D-DIN-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
/* Bold DIN */
@font-face {
    font-family: 'D-DIN';
    src: url('../font/D-DIN-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
/* ==========================================
   2. LARKEN FONTS (Paragraphs ke liye)
   ========================================== */
   /* Larken Light */
@font-face {
    font-family: 'Larken';
    src: url('../font/Larken-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
/* Larken Regular */
@font-face {
    font-family: 'Larken';
    src: url('../font/Larken-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* Larken Italic */
@font-face {
    font-family: 'Larken';
    src: url('../font/Larken-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}
/* Larken Medium */
@font-face {
    font-family: 'Larken';
    src: url('../font/Larken-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
/* Larken Bold */
@font-face {
    font-family: 'Larken';
    src: url('../font/Larken-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
/* Larken Black (Extra Heavy) */
@font-face {
    font-family: 'Larken';
    src: url('../font/Larken-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}
/* Saare Headings ke liye DIN Font */
h1, h2, h3, h4, h5, h6, span  {
      font-family: 'Larken', serif;
    font-weight: bold;       color: #1f1a17;
    margin: 0     /* Ye automatically D-DIN-Bold.woff ko load karega */
     /* DIN uppercase mein zyada achha lagta hai */
}

p, body, li{ font-family: 'D-DIN', sans-serif !important;

    font-weight: normal;       /* Ye automatically Larken-Regular.otf ko load karega */
    font-size: 16px;
    line-height: 1.6;
}

        a{
      text-decoration:none;
    }
        /* ==========Navbar============ */
    /* =============================STICKY HEADER================================== */
.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9;
    transition:all .4s ease;
    padding:5px 0;
    background:transparent;
}
/* Scroll ke baad */
.navbar.scrolled{
    background:rgba(5,10,20,0.95);
    backdrop-filter:blur(15px);
    box-shadow:0 10px 40px rgba(0,0,0,0.25);
    padding:10px 0;
}
/* Body top spacing */

.navbar.scrolled .nav-link{
    color:#fff;
}
.navbar.scrolled .book-btn{
    background:#d4af37;
    color:#111 !important;
    border-radius:50px;
    padding:12px 24px;
}
.navbar.scrolled img {width:120px;  }
.book-btn{
    transition:all .4s ease;
}
/*.navbar{
    overflow:hidden;
    background:
    radial-gradient(circle at top center,
    rgba(0,84,130,0.65) 0%,
    rgba(0,26,46,0.) 28%,
    #020611 58%,
    #000000 100%);
    box-shadow:0 30px 80px rgba(0,0,0,0.18);
}
*/

/* Extra Luxury Glow */
.navbar::before{
    content:"";
    position:absolute;
    top:220px;
    left:50%;
    transform:translateX(-50%);
    width:650px;
    height:650px;
    background:radial-gradient(circle,
    rgba(0,122,255,0.22) 0%,
    rgba(0,122,255,0.08) 35%,
    transparent 72%);
    pointer-events:none;
}
/* Golden Glow */
.navbar::after{
    content:"";
    position:absolute;
    bottom:80px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(212,175,55,0.10) 0%,
    transparent 72%);
    filter:blur(50px);
    pointer-events:none;
}
    .navbar-brand{
      color:var(--white)!important;
      font-size:34px;
      font-weight:800;
      letter-spacing:1px;
    }
        .navbar-brand span{
      color:var(--gold);
    }
        .nav-link{
      color:#fff!important;
      margin-left:20px;
      font-weight:500;
      position:relative;
      transition:0.3s;
    }
        .nav-link:hover{
      color:var(--gold)!important;
    }
        .book-btn{
      background:linear-gradient(135deg,var(--gold),#f5db83);
      color:#000!important;
      padding:12px 26px!important;
      border-radius:50px;
      font-weight:700;
      margin-left:20px;
      transition:0.4s;
      box-shadow:0 10px 30px rgba(212,175,55,0.35);
    }
        .book-btn:hover{
      transform:translateY(-4px);
    }
        /* ==========Hero============ */
        .hero-section{
      min-height:100vh;
      position:relative;
      display:flex;
      align-items:center;
      overflow:hidden;
      background:#000;
    }
        .hero-bg{
      position:absolute;
      inset:0;
      background:
      linear-gradient(to right, rgba(3,7,14,0.92), rgba(3,7,14,0.55)),
      url('../images/banner1.webp');
      background-size:cover;
      background-position:center;
      transform:scale(1.08);
    }
        .gold-gradient{
      position:absolute;
      width:600px;
      height:600px;
      background:radial-gradient(circle, rgba(212,175,55,0.20), transparent 70%);
      top:-100px;
      right:-100px;
      z-index:1;
      filter:blur(30px);
    }
        .hero-content{
      position:relative;
      z-index:3;
      padding-top:100px;
    }
        .hero-subtitle{
      color:var(--gold);
      letter-spacing:4px;
      font-size:15px;
      font-weight:600;
      margin-bottom:18px;
      text-transform:uppercase;
    }
        .hero-title{
      font-size:82px;
      line-height:1.08;
      font-weight:800;
      color:#fff;
      margin-bottom:25px;
    }
        .hero-title span{
      color:var(--gold);
    }
        .hero-text{
      max-width:700px;
      color:#d4d4d4;
      font-size:18px;
      line-height:1.9;
      margin-bottom:40px;
    }
        .hero-buttons{
      display:flex;
      gap:20px;
      flex-wrap:wrap;
    }
        .primary-btn{
      background:linear-gradient(135deg,var(--gold),#f7e08d);
      color:#000;
      padding:17px 36px;
      border-radius:60px;
      font-weight:700;
      transition:0.4s;
      box-shadow:0 15px 40px rgba(212,175,55,0.25);
    }
        .primary-btn:hover{
      transform:translateY(-5px);
      color:#000;
    }
        .outline-btn{
      border:1px solid rgba(255,255,255,0.25);
      color:#fff;
      padding:17px 34px;
      border-radius:60px;
      transition:0.4s;
      backdrop-filter:blur(10px);
    }
        .outline-btn:hover{
      background:#fff;
      color:#000;
    }
        /* ==========Hero Cards============ */
        .hero-info-wrap{
      position:relative;
      z-index:3;
    }
        .glass-card{
      background:rgba(255,255,255,0.07);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:30px;
      padding:35px;
      backdrop-filter:blur(15px);
      box-shadow:0 20px 50px rgba(0,0,0,0.35);
    }
        .glass-card h4{
      color:#fff;
      margin-bottom:25px;
      font-size:28px;
    }
        .feature-item{
      display:flex;
      align-items:flex-start;
      margin-bottom:25px;
    }
        .feature-icon{
      width:58px;
      height:58px;
      border-radius:50%;
      background:rgba(212,175,55,0.15);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--gold);
      font-size:22px;
      margin-right:18px;
      flex-shrink:0;
    }
        .feature-item h5{
      color:#fff;
      margin-bottom:6px;
      font-size:18px;
    }
        .feature-item p{
      color:#cfcfcf;
      margin:0;
      font-size:14px;
      line-height:1.7;
    }
        /* Floating Badge */
        .floating-badge{
      position:absolute;
      bottom:50px;
      left:50%;
      transform:translateX(-50%);
      z-index:5;
      background:rgba(255,255,255,0.09);
      border:1px solid rgba(255,255,255,0.12);
      padding:18px 35px;
      border-radius:60px;
      color:#fff;
      backdrop-filter:blur(10px);
      display:flex;
      align-items:center;
      gap:15px;
      box-shadow:0 10px 30px rgba(0,0,0,0.35);
    }
        .floating-badge i{
      color:var(--gold);
      font-size:22px;
    }
        /* ==========Responsive============ */
        @media(max-width:1200px){
          .hero-title{
        font-size:66px;
      }
    }
        @media(max-width:991px){
          .hero-section{
        padding:120px 0 80px;
      }
            .hero-title{
        font-size:52px;
      }
            .glass-card{
        margin-top:50px;
      }
    }
        @media(max-width:576px){
          .hero-title{
        font-size:38px;
      }
            .hero-text{
        font-size:15px;
      }
            .primary-btn,
      .outline-btn{
        width:100%;
        text-align:center;
      }
            .floating-badge{
        width:90%;
        padding:15px 20px;
        font-size:14px;
      }
    }
/* =============================ABOUT SECTION CSS================================== */
.about-section{
    padding:120px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}
.about-image-wrapper{
    position:relative;
    padding-right:70px;
}
.about-main-image img{
    width:100%;
    border-radius:30px;
    object-fit:cover;
    box-shadow:0 20px 60px rgba(0,0,0,0.12);
}
.about-small-image{
    position:absolute;
    right:0;
    bottom:-40px;
    width:260px;
}
.about-small-image img{
    width:100%;
    border-radius:25px;
    border:8px solid #fff;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}
.about-badge{
    position:absolute;
    top:30px;
    left:-30px;
    width:160px;
    height:160px;
    border-radius:50%;
    background:linear-gradient(135deg,#a77820,#f5db83);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    box-shadow:0 15px 40px rgba(212,175,55,0.25);
}
.about-badge h3{
    font-size:52px;
    font-weight:800;
    color:#000;
    margin-bottom:5px;
}
.about-badge span{
    font-size:14px;
    line-height:1.5;
    color:#000;
    font-weight:700;
}
.section-subtitle{
    color:#a77820;
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
    margin-bottom:20px;
}
.section-title{
    font-size:54px;
    font-weight:800;
    color:#111;
    line-height:1.2;
    margin-bottom:25px;
         font-family: 'Larken', serif;
}
.section-title span{
    color:#a77820;
}
.about-text{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-bottom:18px;
}
.about-feature{
    display:flex;
    align-items:flex-start;
    margin-top:30px;
}
.feature-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:50%;
    background:rgba(212,175,55,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a77820;
    font-size:22px;
    margin-right:18px;
}
.about-feature h5{
    font-size:18px;
    margin-bottom:8px;
    color:#111;
    font-weight:700;
}
.about-feature p{
    color:#666;
    line-height:1.7;
    margin:0;
    font-size:14px;
}
.about-btn-wrap{
    margin-top:45px;
}
.primary-btn{
    display:inline-block;
    background:linear-gradient(135deg,#a77820,#f5db83);
    color:#000;
    padding:16px 36px;
    border-radius:60px;
    font-weight:700;
    transition:0.4s;
    text-decoration:none;
    box-shadow:0 10px 30px rgba(212,175,55,0.25);
}
.primary-btn:hover{
    transform:translateY(-5px);
    color:#000;
}
/* =============================RESPONSIVE================================== */
@media(max-width:991px){
    .about-image-wrapper{
        padding-right:0;
    }
        .section-title{
        font-size:42px;
    }
        .about-small-image{
        width:200px;
    }
}
@media(max-width:576px){
    .about-section{
        padding:80px 0;
    }
        .section-title{
        font-size:34px;
    }
        .about-small-image{
        position:relative;
        width:100%;
        right:auto;
        bottom:auto;
        margin-top:20px;
    }
        .about-badge{
        width:120px;
        height:120px;
        left:10px;
    }
        .about-badge h3{
        font-size:32px;
    }
        .about-badge span{
        font-size:11px;
    }
}
/* =============================ROOMS SECTION CSS================================== */
.rooms-section{
    padding:120px 0;
    background:#f8f8f8;
}
.section-heading{
    max-width:800px;
    margin:auto;
}
.section-description{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-top:20px;
}
.room-card{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(0,0,0,0.06);
    height:100%;
}
.room-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 60px rgba(0,0,0,0.12);
}
.room-image{
    position:relative;
    overflow:hidden;
}
.room-image img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:0.5s;
}
.room-card:hover .room-image img{
    transform:scale(1.08);
}
.room-price{
    position:absolute;
    left:20px;
    bottom:20px;
    background:rgba(0,0,0,0.75);
    color:#fff;
    padding:12px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    backdrop-filter:blur(10px);
}
.room-content{
    padding:30px;
}
.room-info{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:20px;
}
.room-info span{
    font-size:14px;
    color:#666;
    font-weight:600;
}
.room-info i{
    color:#a77820;
    margin-right:6px;
}
.room-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}
.room-btn{
    display:inline-block;
    padding:14px 28px;
    border-radius:50px;
    background:linear-gradient(135deg,#a77820,#f5db83);
    color:#000;
    font-weight:700;
    transition:0.4s;
    text-decoration:none;
}
.room-btn:hover{
    transform:translateY(-4px);
    color:#000;
}
.room-card{
    opacity:1 !important;
    visibility:visible !important;
}.room-pricing{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#111;
    border-radius:12px;
    padding:10px 15px;
    margin-bottom:18px;
    border:1px solid rgba(212,175,55,.15);
}
.price-option{
    text-align:center;
    flex:1;
}
.price-option small{
    display:block;
    color:#cfcfcf;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-bottom:4px;
}
.price-option span{
    color:#d4af37;
    font-size:20px;
    font-weight:700;
  
}
.divider{
    width:1px;
    height:35px;
    background:rgba(212,175,55,.25);
    margin:0 10px;
}
/* =============================RESPONSIVE================================== */
@media(max-width:576px){
    .rooms-section{
        padding:80px 0;
    }
        .room-image img{
        height:240px;
    }
        .room-content{
        padding:24px;
    }
}
/* =============================ROOM MODAL CSS================================== */
.room-modal{
    border:none;
    border-radius:30px;
    overflow:hidden;
    position:relative;
}
.room-modal img{
    height:100%;
    min-height:650px;
    object-fit:cover;
}
.modal-close{
    position:absolute;
    right:20px;
    top:20px;
    z-index:10;
    background:#fff;
    border-radius:50%;
    padding:10px;
    opacity:1;
}
.room-modal-content{
    padding:40px;
}
.modal-subtitle{
    color:#a77820;
    font-weight:700;
    letter-spacing:3px;
    font-size:13px;
}
.room-modal-content h2{
    font-size:38px;
    margin:15px 0 25px;
    font-weight:800;
}
.modal-info{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:25px;
}
.modal-info span{
    font-size:14px;
    color:#666;
    font-weight:600;
}
.modal-info i{
    color:#a77820;
    margin-right:6px;
}
.room-modal-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:30px;
}
.amenities-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:35px;
}
.amenities-list div{
    color:#333;
    font-weight:500;
}
.amenities-list i{
    color:#a77820;
    margin-right:8px;
}
.room-price-modal{
    font-size:16px;
    color:#666;
    margin-bottom:35px;
}
.room-price-modal span{
    display:block;
    font-size:34px;
    color:#111;
    font-weight:800;
    margin-top:8px;
}
.modal-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}
.outline-btn-dark{
    border:1px solid #111;
    padding:14px 30px;
    border-radius:50px;
    color:#111;
    font-weight:700;
    text-decoration:none;
    transition:0.4s;
}
.outline-btn-dark:hover{
    background:#111;
    color:#fff;
}
@media(max-width:991px){
    .room-modal img{
        min-height:350px;
    }
        .room-modal-content{
        padding:25px;
    }
        .room-modal-content h2{
        font-size:30px;
    }
}
@media(max-width:576px){
    .room-modal-content{
        padding:25px;
    }
        .amenities-list{
        grid-template-columns:1fr;
    }
        .room-price-modal span{
        font-size:28px;
    }
}
/* IMPORTANT FIX */
.room-card,
.about-feature,
.about-content,
.about-image-wrapper{
    opacity:1 !important;
    visibility:visible !important;
}/* BLACK CLOSE BUTTON */
.modal-close{
    position:absolute;
    right:20px;
    top:20px;
    z-index:999;
    background:#fff !important;
    border-radius:50%;
    padding:12px !important;
    opacity:1 !important;
    filter:none !important;
}
/* BLACK ICON */
.modal-close.btn-close{
    --bs-btn-close-color:#000;
    --bs-btn-close-bg:none;
}
.modal-close::before{
    content:"✕";
    color:#000;
    font-size:18px;
    font-weight:700;
    line-height:1;
}
/* =============================AMENITIES SECTION CSS================================== */
.amenities-section{
    padding:120px 0;
    background:#ffffff;
}
.amenity-card{
    background:#fff;
    border-radius:30px;
    padding:40px 30px;
    text-align:center;
    transition:0.4s;
    height:100%;
    border:1px solid #f1f1f1;
    box-shadow:0 10px 40px rgba(0,0,0,0.05);
}
.amenity-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 60px rgba(0,0,0,0.10);
}
.amenity-icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:rgba(212,175,55,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a77820;
    font-size:34px;
    margin-bottom:25px;
}
.amenity-card h4{
    font-size:24px;
    margin-bottom:15px;
    color:#111;
}
.amenity-card p{
    color:#666;
    line-height:1.8;
}
/* =============================POLICY CARD================================== */
.policy-card{
    background:#f8f8f8;
    border-radius:25px;
    padding:35px;
    display:flex;
    align-items:flex-start;
    gap:20px;
    height:100%;
}
.policy-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a77820;
    font-size:28px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
.policy-card h4{
    margin-bottom:10px;
    color:#111;
}
.policy-card p{
    margin:0;
    color:#666;
    line-height:1.8;
}
section { overflow-x:hidden; }
/* =============================DINING SECTION================================== */
.dining-section{
    padding:120px 0;
    background:#f9f9f9;
}
.dining-images{
    position:relative;
    padding-right:70px;
}
.dining-main-image img{
    width:100%;
    border-radius:30px;
    box-shadow:0 20px 60px rgba(0,0,0,0.10);
}
.dining-small-image{
    position:absolute;
    right:0;
    bottom:-40px;
    width:250px;
}
.dining-small-image img{
    width:100%;
    border-radius:25px;
    border:8px solid #fff;
}
.experience-list{
    margin-top:40px;
}
.experience-item{
    display:flex;
    gap:20px;
    margin-bottom:30px;
}
.experience-item i{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:rgba(212,175,55,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a77820;
    font-size:24px;
}
.experience-item h5{
    margin-bottom:8px;
    color:#111;
}
.experience-item p{
    color:#666;
    line-height:1.8;
    margin:0;
}

/* =============================RESPONSIVE================================== */
@media(max-width:991px){
    .dining-images{
        padding-right:0;
    }
        .dining-small-image{
        width:200px;
    }
}
@media(max-width:576px){
    .amenities-section,
    .dining-section{
        padding:80px 0;
    }
        .dining-small-image{
        position:relative;
        width:100%;
        right:auto;
        bottom:auto;
        margin-top:20px;
    }
        .policy-card{
        padding:25px;
    }
        .amenity-card{
        padding:35px 25px;
    }
}
/* =============================WRAPPER================================== */
.luxury-booking-wrapper{
    background:#111;
    border-radius:40px;
    padding:40px 30px;
position:relative;
    overflow:hidden;
    background:
    radial-gradient(circle at top center,
    rgba(0,84,130,0.65) 0%,
    rgba(0,26,46,1) 28%,
    #020611 58%,
    #000000 100%);
    box-shadow:0 30px 80px rgba(0,0,0,0.18);
}
/* Extra Luxury Glow */
.luxury-booking-wrapper::before{
    content:"";
    position:absolute;
    top:220px;
    left:50%;
    transform:translateX(-50%);
    width:650px;
    height:650px;
    background:radial-gradient(circle,
    rgba(0,122,255,0.22) 0%,
    rgba(0,122,255,0.08) 35%,
    transparent 72%);
    pointer-events:none;
}
/* Golden Glow */
.luxury-booking-wrapper::after{
    content:"";
    position:absolute;
    bottom:80px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(212,175,55,0.10) 0%,
    transparent 72%);
    filter:blur(50px);
    pointer-events:none;
}
/* Background Shape */
.booking-shape{
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,0.06);
    border-radius:50%;
    top:-180px;
    right:-180px;
}
/* =============================HEADER================================== */
.luxury-booking-header{
    position:relative;
    z-index:2;
    margin-bottom:45px;
}
.booking-tag{
    display:inline-block;
    background:rgba(212,175,55,0.42);
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
    letter-spacing:2px;
    margin-bottom:20px;
}
.luxury-booking-header h2{
    color:#fff;
    font-size:52px;
    line-height:1.2;
    margin-bottom:20px;
         font-family: 'Larken', serif;
}
.luxury-booking-header p{
    color:#cfcfcf;
    line-height:1.9;
    max-width:650px;
}
/* =============================FORM================================== */
.luxury-booking-form{
    position:relative;
    z-index:2;
}
.luxury-form-group label{
    display:block;
    color:#fff;
    margin-bottom:6px;
    font-size:15px;
    font-weight:500;
}
/* Input Box */
.input-box{
    height:50px;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:18px;
    display:flex;
    align-items:center;
    padding:0 12px;
    transition:0.4s;
}
.input-box:hover{
    border-color:rgba(212,175,55,0.4);
}
.input-box:focus-within{
    border-color:#a77820;
    box-shadow:0 0 0 4px rgba(212,175,55,0.08);
}
.input-box i{
    color:#a77820;
    font-size:18px;
    margin-right:15px;
}
/* Inputs */
.input-box input,
.input-box select{
    width:100%;
    height:100%;
    background:none;
    border:none;
    outline:none;
    color:#fff;
    font-size:15px;
}
.input-box input::placeholder{
    color:#9f9f9f;
}
/* Select */
.input-box select option{
    color:#111;
}
/* Date Icon */
input[type="date"]::-webkit-calendar-picker-indicator{
    filter:invert(1);
    cursor:pointer;
}
/* =============================BOTTOM================================== */
.booking-bottom{
    margin-top:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}
.booking-contact{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
}
.booking-contact i{
    width:45px;
    height:45px;
    border-radius:50%;
    background:rgba(212,175,55,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a77820;
}
.booking-contact span {  color:#b8b8b8; }
/* Button */
.luxury-booking-btn{
    border:none;
    background:#a77820;
    color:#111;
    padding:18px 34px;
    border-radius:60px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:12px;
    transition:0.4s;
}
.luxury-booking-btn:hover{
    transform:translateY(-5px);
    background:#fff;
}
/* =============================RESPONSIVE================================== */
@media(max-width:991px){
    .luxury-booking-wrapper{
        padding:45px;
    }
        .luxury-booking-header h2{
        font-size:42px;
    }
    }
    @media(max-width:576px){
        .luxury-booking-wrapper{
        padding:35px 22px;
        border-radius:25px;
    }
        .luxury-booking-header h2{
        font-size:32px;
    }
        .input-box{
        height:58px;
        padding:0 18px;
    }
        .booking-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
        .luxury-booking-btn{
        width:100%;
        justify-content:center;
    }
    }/* =============================MODERN DATE PICKER================================== */
.modern-date-picker{
    cursor:pointer;
}
/* Calendar */
.flatpickr-calendar{
    background:#111 !important;
    border:none !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 25px 80px rgba(0,0,0,0.35) !important;
    padding:15px !important;
}
/* Month */
.flatpickr-month{
    background:none !important;
    color:#fff !important;
    height:60px !important;
}
.flatpickr-current-month{
    color:#fff !important;
    font-size:18px !important;
    padding-top:10px !important;
}
/* Arrows */
.flatpickr-prev-month svg,
.flatpickr-next-month svg{
    fill:#a77820 !important;
}
/* Weekdays */
.flatpickr-weekdays{
    background:none !important;
}
.flatpickr-weekday{
    color:#a77820 !important;
    font-weight:600 !important;
}
/* Days */
.flatpickr-day{
    color:#fff !important;
    border-radius:14px !important;
    transition:0.3s;
}
/* Hover */
.flatpickr-day:hover{
    background:#a77820 !important;
    color:#111 !important;
}
/* Selected */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange{
    background:#a77820 !important;
    border-color:#a77820 !important;
    color:#111 !important;
}
/* Today */
.flatpickr-day.today{
    border:1px solid #a77820 !important;
}
/* Disable */
.flatpickr-day.flatpickr-disabled{
    color:#666 !important;
}
/* Time */
.flatpickr-time{
    border-top:1px solid rgba(255,255,255,0.08) !important;
}
/* Mobile */
@media(max-width:576px){
    .flatpickr-calendar{
        width:100% !important;
        left:0 !important;
    }
    }/* =============================MODERN DATE PICKER================================== */
.modern-date-picker{
    cursor:pointer;
}
/* Calendar */
.flatpickr-calendar{
    background:#111 !important;
    border:none !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 25px 80px rgba(0,0,0,0.35) !important;
    padding:15px !important;
}
/* Month */
.flatpickr-month{
    background:none !important;
    color:#fff !important;
    height:60px !important;
}
.flatpickr-current-month{
    color:#fff !important;
    font-size:18px !important;
    padding-top:10px !important;
}
/* Arrows */
.flatpickr-prev-month svg,
.flatpickr-next-month svg{
    fill:#a77820 !important;
}
/* Weekdays */
.flatpickr-weekdays{
    background:none !important;
}
.flatpickr-weekday{
    color:#a77820 !important;
    font-weight:600 !important;
}
/* Days */
.flatpickr-day{
    color:#fff !important;
    border-radius:14px !important;
    transition:0.3s;
}
/* Hover */
.flatpickr-day:hover{
    background:#a77820 !important;
    color:#111 !important;
}
/* Selected */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange{
    background:#a77820 !important;
    border-color:#a77820 !important;
    color:#111 !important;
}
/* Today */
.flatpickr-day.today{
    border:1px solid #a77820 !important;
}
/* Disable */
.flatpickr-day.flatpickr-disabled{
    color:#666 !important;
}
/* Time */
.flatpickr-time{
    border-top:1px solid rgba(255,255,255,0.08) !important;
}
/* Mobile */
@media(max-width:576px){
    .flatpickr-calendar{
        width:100% !important;
        left:0 !important;
    }
    }
/* =============================CONTACT & BOOKING SECTION================================== */
.contact-booking-section{
    padding:120px 0;
    background:#f8f8f8;
}
.contact-wrapper{
    padding-right:40px;
}
.contact-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:50px;
}
.contact-card{
    background:#fff;
    border-radius:28px;
    padding:30px;
    display:flex;
    gap:20px;
    align-items:center;
    box-shadow:0 15px 50px rgba(0,0,0,0.06);
    transition:0.4s;
    border:1px solid #f3f3f3;
}
.contact-card:hover{
    transform:translateY(-10px);
}
.contact-icon{
    width:75px;
    height:75px;
    min-width:75px;
    border-radius:50%;
    background:rgba(212,175,55,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a77820;
    font-size:28px;
}
.contact-card span{
    display:block;
    color:#888;
    margin-bottom:8px;
    font-size:14px;
}
.contact-card h4{
    margin:0;
    font-size:20px;
    font-weight:700;
}
.contact-card h4 a{
    color:#111;
    text-decoration:none;
}

/* =============================BUTTON================================== */
.booking-btn{
    margin-top:40px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#a77820;
    color:#111;
    padding:18px 32px;
    border-radius:60px;
    text-decoration:none;
    font-weight:700;
    transition:0.4s;
}
.booking-btn:hover{
    transform:translateY(-5px);
    color:#111;
}
/* =============================RESPONSIVE================================== */
@media(max-width:991px){
    .contact-wrapper{
        padding-right:0;
    }
    }
    @media(max-width:768px){
        .contact-grid{
        grid-template-columns:1fr;
    }
    }
    @media(max-width:576px){
        .contact-booking-section{
        padding:80px 0;
    }
    
    .contact-card{
        padding:25px;
    }
    }
    .modern-gallery-section{
    padding:120px 0;
    background:#fff;
}
.gallery-heading{
    max-width:750px;
    margin:auto;
    margin-bottom:70px;
}
.gallery-subtitle{
    color:#a77820;
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
}
.gallery-title{
    font-size:56px;
    font-weight:800;
    margin:18px 0;
    color:#111;
         font-family: 'Larken', serif;
}
.gallery-title span{
    color:#a77820;
}
.gallery-text{
    color:#666;
    line-height:1.9;
}
/* MASONRY */
.masonry-gallery{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-auto-rows:250px;
    gap:25px;
}
.gallery-box{
    position:relative;
    overflow:hidden;
    border-radius:30px;
}
.large-box{
    grid-column:span 2;
    grid-row:span 2;
}
.tall-box{
    grid-row:span 2;
}
.wide-box{
    grid-column:span 2;
}
.gallery-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.7s;
}
.gallery-layer{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(0,0,0,0.85),
    rgba(0,0,0,0.15));
    display:flex;
    align-items:flex-end;
    padding:35px;
    opacity:0;
    transition:0.5s;
}
.gallery-info span{
    color:#a77820;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}
.gallery-info h4{
    color:#fff;
    font-size:30px;
    margin-top:10px;
    font-weight:700;
}
.gallery-box:hover img{
    transform:scale(1.12);
}
.gallery-box:hover .gallery-layer{
    opacity:1;
}

/* =============================FANCYBOX CUSTOM================================== */
.fancybox__backdrop{
    background:rgba(0,0,0,0.95) !important;
}
.fancybox__image{
    border-radius:18px;
}
.fancybox__toolbar{
    background:none !important;
}
.fancybox__button{
    background:rgba(255,255,255,0.15) !important;
    border-radius:50% !important;
}

/* =============================RESPONSIVE================================== */
@media(max-width:991px){
    .gallery-title{
        font-size:42px;
    }
        .masonry-gallery{
        grid-template-columns:repeat(2,1fr);
    }
        .large-box{
        grid-column:span 2;
    }
        .wide-box{
        grid-column:span 2;
    }
    }
    @media(max-width:576px){
        .modern-gallery-section{
        padding:80px 0;
    }
        .gallery-title{
        font-size:34px;
    }
        .masonry-gallery{
        grid-template-columns:1fr;
        grid-auto-rows:260px;
    }
        .large-box,
    .wide-box,
    .tall-box{
        grid-column:span 1;
        grid-row:span 1;
    }
        .gallery-info h4{
        font-size:24px;
    }
    }
.hero-section{
    position:relative;
}
.heroSlider,
.heroSlider .swiper-slide{
    height:100vh;
}
.heroSlider .swiper-slide{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.slide-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    z-index:1;
    transform:scale(1);
    transition:transform 8s linear;
}
.swiper-slide-active .slide-bg{
    transform:scale(1.08);
}
.slide-bg::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}
.hero-content{
    position:relative;
    z-index:5;
    color:#fff;
    max-width:800px;
    margin:auto;
}
.hero-subtitle{
    letter-spacing:3px;
    font-size:14px;
    margin-bottom:20px;
}
.hero-title{
    font-size:70px;
    font-weight:700;
    margin-bottom:20px;
}
.hero-title span{
    color:#d4af37;
}
.hero-buttons{
    margin-top:30px;
}
.primary-btn,
.outline-btn{
    display:inline-block;
    padding:14px 30px;
    margin:0 10px;
    text-decoration:none;
    border-radius:50px;
}
.primary-btn{
    background:#d4af37;
    color:#000;
}
.outline-btn{
    border:1px solid #fff;
    color:#fff;
}
/* IMPORTANT FIX */
.swiper-slide{
    opacity:0 !important;
    visibility:hidden;
}
.swiper-slide-active{
    opacity:1 !important;
    visibility:visible !important;
}
.swiper-slide-active .hero-content{
    animation:fadeUp 1s ease;
}
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(50px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
@media(max-width:768px){
    .hero-title{
        font-size:42px;
    }
    }
    /* =============================FOOTER================================== */
/* =============================LUXURY FOOTER GRADIENT BACKGROUND================================== */
.luxury-footer{
    position:relative;
    overflow:hidden;
    background:
    radial-gradient(circle at top center,
    rgba(0,84,130,0.65) 0%,
    rgba(0,26,46,1) 28%,
    #020611 58%,
    #000000 100%);padding:120px 0px 30px;
}
/* Extra Luxury Glow */
.luxury-footer::before{
    content:"";
    position:absolute;
    top:-220px;
    left:50%;
    transform:translateX(-50%);
    width:650px;
    height:650px;
    background:radial-gradient(circle,
    rgba(0,122,255,0.22) 0%,
    rgba(0,122,255,0.08) 35%,
    transparent 72%);
    pointer-events:none;
}
/* Golden Glow */
.luxury-footer::after{
    content:"";
    position:absolute;
    bottom:80px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(212,175,55,0.10) 0%,
    transparent 72%);
    filter:blur(50px);
    pointer-events:none;
}
/* Shape */
.footer-shape{
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(212,175,55,0.05);
    top:-180px;
    left:-180px;
}
/* Widget */
.footer-widget{
    position:relative;
    z-index:2;
}
/* Logo */
.footer-logo{
    display:inline-block;
    margin-bottom:25px;
}
.footer-logo img{
    max-width:220px;
}
/* Description */
.footer-text{
    color:#b8b8b8;
    line-height:1.9;
    margin-bottom:30px;
    font-size:15px;
}
/* =============================SOCIAL================================== */
.footer-social{
    display:flex;
    align-items:center;
    gap:15px;
}
.footer-social a{
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d4af37;
    font-size:18px;
    transition:0.4s;
    text-decoration:none;
}
.footer-social a:hover{
    background:#d4af37;
    color:#111;
    transform:translateY(-5px);
}
/* =============================TITLES================================== */
.footer-title{
    color:#fff;
    font-size:24px;
    margin-bottom:28px;
         font-family: 'Larken', serif;
}
/* =============================LINKS================================== */
.footer-links{
    padding:0;
    margin:0;
    list-style:none;
}
.footer-links li{
    margin-bottom:16px;
}
.footer-links li a{
    color:#b8b8b8;
    text-decoration:none;
    transition:0.4s;
    position:relative;
}
.footer-links li a::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:1px;
    background:#d4af37;
    transition:0.4s;
}
.
.footer-links li a:hover{
    color:#d4af37;
    padding-left:6px;
}
.footer-links li a:hover::before{
    width:100%;
}
/* =============================CONTACT================================== */
.footer-contact{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.copyright-text a
{color:#b8b8b8;}
 .footer-contact-item a,
.footer-contact-item span,
.footer-contact-item{
    display:flex;
    gap:15px;
    color:#b8b8b8;
    line-height:1.7;
}
.footer-contact-item i{
    color:#d4af37;
    font-size:18px;
    margin-top:5px;
}
/* =============================BOTTOM================================== */
.footer-bottom{
    margin-top:70px;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,0.08);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
}
/* Copyright */
.copyright-text{
    margin:0;
    color:#999;
    font-size:15px;
}
/* Policy Links */
.footer-policy-links{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}
.footer-policy-links a{
    color:#999;
    text-decoration:none;
    transition:0.4s;
    font-size:15px;
}
.footer-policy-links a:hover{
    color:#d4af37;
}
.footer-policy-links span{
    color:#555;
}
/* =============================RESPONSIVE================================== */
@media(max-width:991px){
    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
    }
    @media(max-width:576px){
        .luxury-footer{
        padding:80px 0 25px;
    }
        .footer-title{
        margin-bottom:20px;
    }
        .footer-policy-links{
        gap:10px;
    }
    }
/* ========================404 PAGE============================= */
.error-404{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    overflow:hidden;
    background:
    radial-gradient(circle at top center,
    rgba(0,84,130,.65) 0%,
    rgba(0,26,46,1) 28%,
    #020611 58%,
    #000000 100%);
}
/* Glow */
.error-glow{
    position:absolute;
    top:-250px;
    left:50%;
    transform:translateX(-50%);
    width:700px;
    height:700px;
    background:
    radial-gradient(circle,
    rgba(0,122,255,.18),
    transparent 70%);
    pointer-events:none;
}
/* Wrapper */
.error-wrapper{
    position:relative;
    z-index:2;
    max-width:850px;
}
/* Badge */
.error-badge{
    display:inline-block;
    padding:10px 22px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:50px;
    color:#d4af37;
    font-size:13px;
    letter-spacing:3px;
    margin-bottom:25px;
    text-transform:uppercase;
}
/* 404 */
.error-code{
    font-size:200px;
    line-height:1;
    font-weight:800;
    margin:0 0px 40px;
    color:transparent;
    background:linear-gradient(
    180deg,
    #fff,
    #d4af37);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:
    0 15px 40px rgba(212,175,55,.2);
}
/* Title */
.error-title{
    color:#fff;
    font-size:52px;
    margin-bottom:40px;
         font-family: 'Larken', serif;
}
/* Text */
.error-text{
    color:#c9c9c9;
    max-width:650px;
    margin:auto;
    line-height:2;
    font-size:17px;
}
/* Buttons */
.error-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:45px;
    flex-wrap:wrap;
}
.home-btn,
.contact-btn{
    min-width:220px;
    text-decoration:none;
    padding:16px 32px;
    border-radius:60px;
    font-weight:600;
    transition:.4s;
}
.home-btn{
    background:linear-gradient(
    135deg,
    #d4af37,
    #f6de88);
    color:#111;
}
.home-btn:hover{
    transform:translateY(-5px);
    color:#111;
}
.contact-btn{
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(15px);
    color:#fff;
}
.contact-btn:hover{
    background:#fff;
    color:#111;
    transform:translateY(-5px);
}
/* Responsive */
@media(max-width:768px){
    .error-code{
        font-size:120px;
    }
        .error-title{
        font-size:32px;
    }
        .error-text{
        font-size:15px;
    }
    }
    /* HERO */

.policy-hero{
    padding:180px 0 100px;
    background:
    linear-gradient(rgba(255,255,255,.92),
    rgba(255,255,255,.95)),
    url('images/pattern.png');

    text-align:center;
}

.hero-label{
    display:inline-block;
    color:#b88a2d;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:15px;
}

.policy-hero h1{
    font-size:70px;
    font-weight:300;
    color:#111;
    margin-bottom:20px;
    font-family:'Larken',serif;
}

.policy-hero p{
    max-width:650px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.9;
}

/* CONTENT */

.policy-section{
    padding:100px 0;
    background:#fff;
}

.policy-wrapper{
    max-width:1100px;
    margin:auto;
}

.policy-block{
    background:#fff;
    padding:45px;
    border-radius:30px;
    margin-bottom:30px;
    position:relative;
    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);

    transition:.4s;
}

.policy-block:hover{
    transform:translateY(-8px);
}

.policy-block span{
    position:absolute;
    top:25px;
    right:30px;

    font-size:70px;
    font-weight:700;

    color:rgba(184,138,45,.08);
}

.policy-block h3{
    font-size:30px;
    margin-bottom:20px;
    color:#111;
}

.policy-block p,
.policy-block li{
    color:#666;
    line-height:2;
}

.policy-block ul{
    margin:0;
    padding-left:20px;
}

/* GOLD LINE */

.policy-block::before{
    content:'';
    position:absolute;
    left:0;
    top:0;

    width:5px;
    height:100%;

    background:
    linear-gradient(
    to bottom,
    #c89b3c,
    #f3d58a
    );
}

/* MOBILE */

@media(max-width:768px){

.policy-hero{
    padding:140px 0 80px;
}

.policy-hero h1{
    font-size:42px;
}

.policy-block{
    padding:30px;
}

.policy-block h3{
    font-size:24px;
}

.policy-block span{
    font-size:50px;
}

}/* =========================================
   PRIVACY POLICY BANNER
========================================= */

.policy-banner{
    position:relative;
    min-height:600px;
padding-top: 150px;
    display:flex;
    align-items:center;
    justify-content:center;

    background:
    url('images/privacy-banner.jpg') center center/cover no-repeat;

    overflow:hidden;
}

.banner-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
    135deg,
    rgba(0,0,0,.92),
    rgba(0,0,0,.75),
    rgba(10,10,10,.88)
    );
}
.policy-banner-content{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:850px;
    margin:auto;
}
.banner-subtitle{
    display:inline-block;
    color:#d4af37;
    font-size:14px;
    font-weight:600;
    letter-spacing:4px;
    margin-bottom:20px;
    text-transform:uppercase;
}
.policy-banner-content h2{
        font-family: 'Playfair Display', serif;
    color:#fff;
    font-size:52px;
    font-weight:300;
    margin-bottom:20px;
    line-height:1.1;    
}
.policy-banner-content p{
    color:rgba(255,255,255,.75);
    font-size:18px;
    max-width:650px;
    margin:0 auto 35px;
    line-height:1.9;
}
.breadcrumb-banner{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 30px;
    border:1px solid rgba(212,175,55,.25);
    border-radius:50px;
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(12px);
}
.breadcrumb-banner a{
    color:#d4af37;
    text-decoration:none;
    transition:.3s;
}
.breadcrumb-banner a:hover{
    color:#fff;
}
.breadcrumb-banner span{
    color:#fff;
}
/* GOLD GLOW */
.policy-banner::after{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    right:-150px;
    top:-150px;
    background:
    radial-gradient(circle,    rgba(212,175,55,.18),    transparent 70%    );
}
/* MOBILE */
@media(max-width:991px){
.policy-banner{
    min-height:450px;
}
.policy-banner-content h2{
    font-size:38px;
}
}
@media(max-width:576px){
.policy-banner{
    min-height:400px;
}
.policy-banner-content h2{
    font-size:28px;
}
.policy-banner-content p{
    font-size:15px;
}
.breadcrumb-banner{
    padding:12px 22px;
}
}