:root{
    --navy:#0e1b2c;
    --navy-2:#13233a;
    --gold:#d5a24d;
    --gold-light:#e8c383;
    --cream:#f6f3ec;
    --ink:#1b2431;
    --muted:#6b7280;
  }
  *{box-sizing:border-box;}
  body{
    font-family:'Poppins',sans-serif;
    color:var(--ink);
    background:var(--cream);
    overflow-x:hidden;
  }
  h1,h2,h3,.font-display{font-family:'Playfair Display',serif;}
  a{text-decoration:none;}

  /* ---------- Navbar ---------- */
  .navbar-kohinoor{
    background:var(--navy);
    padding:14px 0;
  }
  .navbar-kohinoor .navbar-brand{
    color:#fff;
    font-weight:700;
    letter-spacing:1px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .navbar-kohinoor .navbar-brand .k-logo{
    width:38px;height:38px;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    border-radius:6px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Playfair Display',serif;
    font-weight:800;color:var(--navy);font-size:20px;
  }
  .navbar-kohinoor .navbar-brand small{
    display:block;font-size:10px;letter-spacing:3px;color:#9aa7b8;font-weight:400;
  }
  .navbar-kohinoor .nav-link{
    color:#dfe4ea !important;
    font-size:14.5px;
    font-weight:500;
    margin:0 12px;
    position:relative;
    transition:color .3s ease;
  }
  .navbar-kohinoor .nav-link.active,
  .navbar-kohinoor .nav-link:hover{color:var(--gold) !important;}
  .navbar-kohinoor .nav-link::after{
    content:"";
    position:absolute;left:0;bottom:-4px;
    width:0;height:2px;background:var(--gold);
    transition:width .3s ease;
  }
  .navbar-kohinoor .nav-link:hover::after{width:100%;}
  .btn-gold{
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    color:var(--navy) !important;
    font-weight:600;
    border:none;
    padding:10px 22px;
    border-radius:6px;
    font-size:14px;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .btn-gold:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(213,162,77,.35);
    color:var(--navy) !important;
  }
  .btn-outline-gold{
    border:1px solid rgba(255,255,255,.5);
    color:#fff;
    font-weight:500;
    padding:10px 22px;
    border-radius:6px;
    font-size:14px;
    background:transparent;
    transition:all .3s ease;
  }
  .btn-outline-gold:hover{
    border-color:var(--gold);
    color:var(--gold);
    background:rgba(213,162,77,.08);
  }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    background:linear-gradient(100deg, var(--navy) 40%, rgba(14,27,44,.25) 85%),
               url('img/mobile_banner.png') right center/cover no-repeat;
    min-height:640px;
    display:flex;
    align-items:start;
    padding:60px 0 40px;
  }
  .hero .eyebrow{
    color:var(--gold);
    letter-spacing:3px;
    font-size:13px;
    font-weight:600;
  }
  .hero h1{
    color:#fff;
    font-weight:700;
    font-size:clamp(2.1rem,4vw,3.2rem);
    line-height:1.15;
  }
  .hero h1 .accent{color:var(--gold);}
  .hero p{
    color:#c7cedb;
    font-size:15.5px;
    max-width:520px;
    margin:20px 0 28px;
  }
  .hero-stats{
    background:var(--navy-2);
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    margin-top:-55px;
    position:relative;
    z-index:5;
    padding:22px 10px;
  }
  .hero-stats .stat-item{
    display:flex;align-items:center;gap:14px;color:#fff;
    padding:6px 14px;
  }
  .hero-stats .stat-item i{
    font-size:26px;color:var(--gold);
  }
  .hero-stats .stat-item .label{font-size:13.5px;font-weight:600;}
  .hero-stats .stat-item .sub{font-size:12px;color:#9aa7b8;}

  /* ---------- Why section ---------- */
  .section-eyebrow{
    color:var(--gold);
    text-transform:uppercase;
    
    font-size:18px;
    letter-spacing:2px;
  }
  .section-eyebrow::after{
    content:"";
    display:inline-block;
    width:40px;height:2px;
    background:var(--gold);
    margin-left:12px;
    vertical-align:middle;
  }
  .why-text p{color:var(--muted);font-size:15px;line-height:1.85;}

  .stat-card{
    background:#fff;
    border-radius:14px;
    padding:26px 18px;
    text-align:center;
    box-shadow:0 6px 20px rgba(20,30,50,.06);
    transition:transform .35s ease, box-shadow .35s ease;
    height:100%;
  }
  .stat-card:hover{
    transform:translateY(-8px);
    box-shadow:0 16px 32px rgba(20,30,50,.14);
  }
  .stat-card i{font-size:30px;color:var(--gold);}
  .stat-card .num{
    font-family:'Playfair Display',serif;
    font-weight:700;
    font-size:24px;
    color:var(--navy);
    margin:4px 0 2px;
  }
  .stat-card .cap{font-size:13px;font-weight:600;color:var(--gold);}
  .stat-card .desc{font-size:12.5px;color:var(--muted);margin-top:6px;}

  /* ---------- Projects ---------- */
  .project-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 26px rgba(20,30,50,.07);
    transition:box-shadow .35s ease;
  }
  .project-card:hover{box-shadow:0 18px 40px rgba(20,30,50,.16);}
  .project-media{position:relative;overflow:hidden;min-height:280px;}
  .project-media img{
    width:100%;height:317px;object-fit:cover;
    transition:transform .6s ease;
  }
  .project-card:hover .project-media img{transform:scale(1.08);}
  .project-badge{
    position:absolute;top:16px;left:16px;
    background:var(--gold);
    color:var(--navy);
    font-weight:700;
    font-size:13px;
    width:34px;height:34px;
    border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    z-index:3;
  }
  .project-card.badge-blue .project-badge{background:#3a5edb;color:#fff;}
  .project-card.badge-violet .project-badge{background:#8b3adb;color:#fff;}
  .carousel-ctrl{
    position:absolute;top:50%;transform:translateY(-50%);
    width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,.85);
    display:flex;align-items:center;justify-content:center;
    z-index:4;border:none;color:var(--navy);
    transition:background .25s ease;
  }
  .carousel-ctrl:hover{background:#fff;}
  .carousel-ctrl.prev{left:14px;}
  .carousel-ctrl.next{right:14px;}

  .project-body{padding:26px;}
  .project-body .icon-badge{
    width:44px;height:44px;
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;
    margin-bottom:12px;
  }
  .icon-badge.green{background:#e8f6ec;color:#3fa85a;}
  .icon-badge.blue{background:#e8edfb;color:#3a5edb;}
  .icon-badge.violet{background:#f3e8fb;color:#8b3adb;}
  .project-body h3{font-size:1.5rem;font-weight:700;color:var(--navy);}
  .project-body .tagline{color:var(--muted);font-size:14px;margin-bottom:30px;}

  .amenity{
    text-align:center;
    font-size:11.5px;
    color:var(--muted);
    font-weight:500;
  }
  .amenity i{
    display:block;font-size:22px;color:var(--navy);margin-bottom:6px;
    transition:color .25s ease, transform .25s ease;
  }
  .amenity:hover i{color:var(--gold);transform:translateY(-4px);}

  .btn-explore{
    border-radius:6px;
    font-weight:600;
    font-size:13.5px;
    padding:9px 18px;
    display:inline-flex;align-items:center;gap:8px;
    transition:all .3s ease;
  }
  .btn-explore.gold{background:var(--gold);color:var(--navy);border:none;}
  .btn-explore.gold:hover{background:var(--navy);color:var(--gold);}
  .btn-explore.blue{background:#fff;color:#3a5edb;border:1px solid #3a5edb;}
  .btn-explore.blue:hover{background:#3a5edb;color:#fff;}
  .btn-explore.violet{background:#fff;color:#8b3adb;border:1px solid #8b3adb;}
  .btn-explore.violet:hover{background:#8b3adb;color:#fff;}

  .view-all-link{
    display:inline-flex;align-items:center;justify-content:center;
    gap:10px;color:var(--navy);font-weight:600;font-size:14px;
  }
  .view-all-link .circle{
    width:34px;height:34px;border-radius:50%;
    border:1px solid var(--navy);
    display:flex;align-items:center;justify-content:center;
    transition:all .3s ease;
  }
  .view-all-link:hover .circle{background:var(--navy);color:#fff;transform:rotate(90deg);}
  .view-all-link:hover{color:var(--navy);}

  /* ---------- Dark feature strip ---------- */
  .feature-strip{background:var(--navy);padding:60px 0;}
  .feature-strip .feature-item{color:#fff;}
  .feature-strip .feature-item i{font-size:30px;color:var(--gold);margin-bottom:14px;display:block;}
  .feature-strip .feature-item h5{font-weight:700;font-size:1.05rem;}
  .feature-strip .feature-item p{color:#9aa7b8;font-size:13px;line-height:1.7;}

  /* ---------- Form section ---------- */
  .form-section{
    background:var(--cream);
    padding:70px 0;
    position:relative;
  }
  .form-section h2{color:var(--navy);font-weight:700;font-size:2rem;}
  .form-section .lead-txt{color:var(--muted);font-size:14.5px;}
  .form-card{
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-shadow:0 10px 34px rgba(20,30,50,.08);
  }
  .form-control,.form-select{
    border-radius:8px;
    border:1px solid #e3e0d8;
    padding:12px 14px;
    font-size:14px;
  }
  .form-control:focus,.form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .2rem rgba(213,162,77,.18);
  }
  .btn-callback{
    background:var(--gold);
    color:var(--navy);
    font-weight:700;
    border:none;
    border-radius:8px;
    padding:13px;
    width:100%;
    transition:all .3s ease;
  }
  .btn-callback:hover{background:var(--navy);color:var(--gold);}

  /* ---------- Footer ---------- */
  footer{background:var(--navy);color:#9aa7b8;padding:26px 0;font-size:13px;}
  footer .k-logo-sm{
    width:32px;height:32px;border-radius:6px;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    display:flex;align-items:center;justify-content:center;
    color:var(--navy);font-family:'Playfair Display',serif;font-weight:800;
  }
  footer .years{color:var(--gold);font-weight:700;font-size:1.3rem;font-family:'Playfair Display',serif;}

  /* ---------- Reveal-on-scroll ---------- */
  .reveal{
    opacity:0;
    transform:translateY(30px);
    transition:opacity .8s ease, transform .8s ease;
  }
  .reveal.in-view{opacity:1;transform:translateY(0);}
  .reveal-delay-1{transition-delay:.1s;}
  .reveal-delay-2{transition-delay:.25s;}
  .reveal-delay-3{transition-delay:.4s;}
  .reveal-delay-4{transition-delay:.55s;}

  @media (prefers-reduced-motion: reduce){
    .reveal{transition:none;opacity:1;transform:none;}
    .project-card:hover .project-media img{transform:none;}
  }

  .clubhouse-section{
    background:#f8f6f2;
}

.clubhouse-hero{
    background:#0d1117;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.clubhouse-image{
    height:100%;
    width:100%;
    object-fit:cover;
    transition:.6s;
}

.clubhouse-image:hover{
    transform:scale(1.05);
}

.section-tag{
    color:#d4af37;
    letter-spacing:4px;
    font-size:14px;
    text-transform:uppercase;
}

.feature{
    color:white;
}

.feature i{
    color:#d4af37;
    font-size:26px;
    margin-bottom:12px;
}

.life-card{

    background:white;
    border-radius:24px;
    overflow:hidden;
    transition:.35s;
    height:100%;
    border:1px solid #ececec;

}

.life-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.life-card img{

    height:220px;
    width:100%;
    object-fit:cover;

}

.icon-circle{

    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    font-size:24px;
    margin-top:-55px;
    border:4px solid white;
    position: absolute;
    z-index: 2;

}

.life-card h5{

    margin-top:20px;
    font-weight:600;
    font-size: 16px;

}

.life-card p{

    color:#777;
    line-height:1.7;
    font-size:14px;

}

.form-group {
    margin-bottom: 20px;
}

.navbar-toggler {
    border: 1px solid rgba(255,255,255,.5);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*==============================
        SECTION
==============================*/

.projects-section{
    position:relative;
    padding:90px 0;
    background:
        linear-gradient(rgba(8,17,31,.92),rgba(8,17,31,.92)),
        url(images/bg.jpg) center center/cover no-repeat;
}

.projects-section::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35));
}

.projects-section .container{
    position:relative;
    z-index:2;
}

/*==============================
        TITLE
==============================*/

.section-title{
    margin-bottom:70px;
}

.sub-title{
    color:#d6ab53;
    font-size:15px;
    letter-spacing:4px;
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:15px;
    position:relative;
}

.sub-title::before,
.sub-title::after{
    content:'';
    position:absolute;
    top:50%;
    width:70px;
    height:1px;
    background:#b78b37;
}

.sub-title::before{
    right:105%;
}

.sub-title::after{
    left:105%;
}

.section-title h2{
    font-size:56px;
    color:#fff;
    font-family:'Cormorant Garamond',serif;
    font-weight:700;
    margin-bottom:20px;
}

.section-title p{
    color:#b9c2cf;
    max-width:650px;
    margin:auto;
    line-height:30px;
}

.project-line{
    width:100%;
    height:1px;
    background:rgba(255,255,255,.15);
    margin-bottom:50px;
}

/*==============================
        MAIN BOXES
==============================*/

.project-box,
.featured-box{

    background:#fff;
    

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:15px 25px;

    transition:.4s;

    height:100%;
}

.project-box:hover,
.featured-box:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.35);

    border-color:#c59a45;

}

/*==============================
        ICON
==============================*/

.icon-box{

    width:75px;

    height:75px;

    border-radius:50%;

    margin:-60px auto 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

    border:4px solid #08111f;

}

.ongoing{

    background:#c89738;

}

.possession{

    background:#2c8a57;

}

.sold{

    background:#666;

}

.project-box h4,
.featured-box h4{

    text-align:center;

    color:var(--gold);

    font-size:18px;

    margin-bottom:30px;

    

}

/*==============================
      PROJECT CARD
==============================*/

.project-card1{

    display:flex;

    align-items:center;

    background:#fff;

    border-radius:14px;

    overflow:hidden;

    margin-bottom:18px;

    transition:.35s;
    border: 1px solid #f3e9e9;


}

.project-card1:hover{

    transform:translateX(8px);

}

.project-card1 img{

    width:120px;

    height:97px;


}

.project-card1 div{

    padding:15px;

    flex:1;

}

.project-card1 h4{

    color:#1f1f1f;

    margin:0;

    font-size:18px;
    text-align: left;


}

.project-card1 span{

    color:#666;

    font-size:13px;

}

.arrow{

    color:#c69a42;

    font-size:20px;

    margin-right:20px;

}

/*==============================
      FEATURED
==============================*/

.featured-img{

    width:100%;

    border-radius:16px;

    height:340px;

    object-fit:cover;

}

.featured-content{

    padding-top:25px;

}

.featured-content h4{

   

    font-size:34px;

}

.featured-content p{

    color:#d8d8d8;

}

.featured-content span{

    color:#d6ab53;

}

.circle-btn{

    width:58px;

    height:58px;

    background:#c69a42;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:25px;

    text-decoration:none;

    transition:.3s;

}

.circle-btn:hover{

    background:#fff;

    color:#111;

}

/*==============================
      SOLD OUT
==============================*/

.sold-card{

    display:flex;

    align-items:center;

    background:#fff;

    margin-bottom:15px;

    border-radius:12px;

    overflow:hidden;

    transition:.35s;
    border: 1px solid #f3e9e9;

}

.sold-card:hover{

    transform:translateX(8px);

}

.sold-card img{

    width:90px;

    height:70px;

    object-fit:cover;

}

.sold-card span{

    flex:1;

    padding-left:18px;

    color:#222;

    font-weight:600;

}

.sold-card i{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#28a745;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:15px;
    font-size: 32px;

}



/*==============================
      RESPONSIVE
==============================*/

@media(max-width:991px){

.project-box,
.featured-box{

margin-top:60px;

}

.section-title h2{

font-size:42px;

}

.stats-bar{

display:block;

}

.stat{

border:none;

padding:20px;

}

}

@media(max-width:767px){

.section-title h2{

font-size:34px;

}

.project-card img{

width:90px;

height:80px;

}

.project-card h4{

font-size:18px;

}

.featured-img{

height:240px;

}

.featured-content h4{

font-size:28px;

}

.stats-bar{

padding:20px;

}

}