@import url('https://api.fontshare.com/v2/css?f[]=switzer@400,500,600,700&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body,html{font-family:'Switzer',Arial,sans-serif;color:#ddd}
:root{--gold:#fff;--gold-light:#e0e0e0;--dark:#0a0a0a;--dark2:#111;--dark3:#1a1a1a;--text:#ddd;--muted:#888}
.nav{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2.5rem;position:absolute;top:0;left:0;right:0;z-index:10000;background:transparent}
.logo{font-size:1.3rem;letter-spacing:.18em;color:#fff;font-weight:400;font-family:'Switzer',Arial,sans-serif}
.logo img { width: 130px; }
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{text-decoration:none;color:#fff;font-size:15px;font-family:'Switzer',Arial,sans-serif;line-height:1.2;font-weight:400;letter-spacing:-0.3px;transition:color .2s}
.nav-links a:hover{color:#ccc}
.nav-right{display:flex;align-items:center;gap:20px;}
.nav-right svg{fill:#fff!important}
.nav-toggle{display:none}
.nav-overlay{display:none}
.btn-outline{border:1px solid #fff;color:#fff;background:transparent;padding:.45rem 1.2rem;font-size:15px;font-weight:400;letter-spacing:-0.2px;cursor:pointer;transition:all .2s;border-radius:3px}
.btn-outline:hover{background:#fff;color:#0a0a0a}
.btn-gold{background:#ccc;color:#0a0a0a;border:none;padding:.55rem 1.5rem;font-size:15px;font-weight:400;letter-spacing:-0.3px;cursor:pointer;transition:all .2s;border-radius:3px;text-decoration:none}
.btn-gold:hover{background:#aaa}
.hero{position:relative;width:100%; height:728px;overflow: hidden; display:flex;flex-direction:column;justify-content:flex-end;padding:3rem 2.5rem 3.5rem;background:linear-gradient(160deg,#0a0a0a 0%,#111 60%,#0a0a0a 100%);box-sizing: border-box;}
.hero-bg{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.35) 100%)}
.hero-lines{position:relative;z-index:2;color:#ffffff}
.hero-eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:1.2rem;opacity:.9}
.hero h1{font-size:clamp(29px,5vw,48px);font-weight:500;line-height:1;color:#ffffff;max-width:680px;margin-bottom:1.5rem;letter-spacing:-3px;text-transform:uppercase;position:relative;z-index:2}
.hero-sub{font-size:14px;font-weight:400;letter-spacing:-0.2px;color:#ddd;max-width:420px;margin-bottom:2.5rem;position:relative;z-index:2}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;position:relative;z-index:2}
.hero-stat-row{display:flex;gap:2.5rem;margin-top:3.5rem;padding-top:2rem;border-top:0.5px solid rgba(255,255,255,0.15)}
.hero-stat{display:flex;flex-direction:column;gap:.2rem}
.hero-stat-num{font-size:1.5rem;color:#fff;font-weight:300;letter-spacing:.04em}
.hero-stat-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.section{padding:4rem 2.5rem}
.section-label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:1rem}
.section-title{font-size:40px;font-weight:600;color:#111;margin-bottom:2.5rem;line-height:1.25}
.why-section{background:#f2f0ef;padding:0;overflow:hidden}
.why-line{height:1px;background:#1a1a1a;margin:0}
.why-header{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 2.5rem 1.5rem}
.why-heading{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;color:#1a1a1a;letter-spacing:-1px;text-transform:uppercase;line-height:1.15}
.why-nav{display:flex;gap:.6rem}
.why-nav-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,0.2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.why-nav-btn:hover{border-color:#1a1a1a}
.why-cards{display:flex;gap:12px;padding:0 2.5rem 3rem;overflow-x:auto;scroll-behavior:smooth}
.why-cards::-webkit-scrollbar{height:0}
.why-card-item{flex:0 0 calc((100% - 36px) / 4);min-width:0;display:flex;flex-direction:column;gap:12px}
.why-card-img-wrap{width:100%;overflow:hidden;border-radius:7px}
.why-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.why-card-tall .why-card-img-wrap{}
.why-card-xl .why-card-img-wrap{height:370px}
.why-card-info{padding:0}
.why-card-title{font-size:1rem;font-weight:500;color:#1a1a1a;margin-bottom:.25rem;letter-spacing:-0.3px}
.why-card-text{font-size:.82rem;color:#6b6b6b;line-height:1.65;margin:0;font-weight:400}
@media(max-width:768px){
  .why-header{padding:2rem 1.25rem 1rem;flex-direction:column;align-items:flex-start;gap:1rem}
  .why-cards{padding:0 1.25rem 2rem}
  .why-card-item{flex:0 0 calc((100% - 12px) / 2)}
  .why-card-tall .why-card-img-wrap,.why-card-xl .why-card-img-wrap{height:370px}
}
@media(max-width:480px){
  .why-card-item{flex:0 0 85%}
  .why-nav{display:none}
}
.work-section{background:#f2f0ef;padding:4rem 2.5rem}
.work-inner{display:flex;gap:4rem}
.work-left{flex:0 0 35%}
.work-left .section-title{font-size:clamp(2.4rem,5vw,4rem);font-weight:500;letter-spacing:-2px;color:#1a1a1a;line-height:1.05;max-width:500px;margin-bottom:1.5rem}
.work-left .section-label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#999}
.work-right{flex:0 0 60%}
.work-track{display:flex;flex-direction:column;align-items:flex-end;gap:1.5rem}
.work-card{background:#fff;border-radius:12px;padding:2.5rem 2rem;transition:box-shadow .2s,transform .2s;width:100%;max-width:560px}
.work-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08);transform:translateY(-2px)}
.work-card-number{font-size:1.8rem;font-weight:500;color:#ccc;line-height:1;margin-bottom:.6rem}
.work-card-title{font-size:1.8rem;color:#1a1a1a;font-weight:500;margin-bottom:.3rem;line-height:1.2}
.work-card-text{font-size:1rem;color:#6b6b6b;line-height:1.5}
@media(max-width:1024px){
  .work-left .section-title{font-size:clamp(1.8rem,4vw,2.8rem)}
}
@media(max-width:768px){
  .work-section{padding:2.5rem 1.25rem}
  .work-inner{flex-direction:column;gap:2rem}
  .work-left{flex:none}
  .work-right{flex:none}
  .work-track{align-items:flex-start}
  .work-card-title{font-size:1.3rem}
}
.services-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-top:2rem}
.service-item{padding:1.2rem;background:var(--dark3);border:0.5px solid rgba(255,255,255,0.08);text-align:center}
.service-icon{font-size:1.4rem;color:#ccc;margin-bottom:.7rem;display:block}
.service-title{font-size:.76rem;color:var(--text);letter-spacing:.05em}
.team-section{background:#fff;padding-bottom:3.5rem}
.team-subtitle{font-size:.88rem;color:#6b6b6b;max-width:600px;margin:0.2rem 0 0;line-height:1.7}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}
.team-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;transition:box-shadow .2s}
.team-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.team-avatar{width:100%;height:250px;overflow:hidden;background:#e8e8e8;display:flex;align-items:center;justify-content:center}
.team-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.team-info{padding:1.2rem;text-align:left}
.team-name{font-size:.95rem;color:#1a1a1a;margin-bottom:.15rem;font-weight:500}
.team-role{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-bottom:.4rem}
.team-email{font-size:.78rem;color:#aaa;word-break:break-all}
.cta-band{background:#111;border-top:0.5px solid rgba(255,255,255,0.06);border-bottom:0.5px solid rgba(255,255,255,0.06);padding:4rem 2.5rem;text-align:center}
.cta-band h2{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:300;color:var(--text);margin-bottom:1rem;letter-spacing:.02em}
.cta-band p{color:var(--muted);font-size:.88rem;margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}
.footer{background:var(--dark2);padding:2.5rem 2.5rem 1.5rem;border-top:0.5px solid rgba(255,255,255,0.06)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer-brand{font-size:1.1rem;letter-spacing:.2em;color:#fff;margin-bottom:.8rem}
.footer-desc{font-size:.75rem;color:var(--muted);line-height:1.7;max-width:260px}
.footer-col h4{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#ccc;margin-bottom:.8rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.45rem}
.footer-links a{text-decoration:none;font-size:.76rem;color:var(--muted);transition:color .2s}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:0.5px solid rgba(255,255,255,0.06);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;font-size:.66rem;color:var(--muted)}
.gold-divider{width:48px;height:1px;background:rgba(255,255,255,0.3);margin:1.5rem 0;opacity:.5}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}
.blog-card{background:var(--dark3);border:0.5px solid rgba(255,255,255,0.08);padding:1.3rem;cursor:pointer;transition:border-color .2s}
.blog-card:hover{border-color:rgba(255,255,255,0.2)}
.blog-date{font-size:.65rem;letter-spacing:.14em;color:#999;margin-bottom:.6rem}
.blog-title{font-size:.88rem;color:var(--text);line-height:1.4;margin-bottom:.5rem}
.blog-excerpt{font-size:.74rem;color:var(--muted);line-height:1.6}
.hero-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 1;
}
.prop-section{padding:4rem 2.5rem;color:#1a1a1a}
.prop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.prop-title{font-size:40px;font-weight: 600;color:#1a1a1a;}
.prop-header-right{display:flex;align-items:center;gap:1.5rem}


.about-section{background:#f0f0f0;padding:0;overflow:hidden}
.about-line{height:1px;background:#1a1a1a;margin:0}
.about-inner{display:flex;gap:0;max-width:1280px;margin:0 auto;padding:0 2.5rem}
.about-left{flex:0 0 45%;padding:4rem 3rem 4rem 0}
.about-label{font-size:40px; font-weight: 600;color:#1a1a1a; margin-bottom:20px;}
.about-image-card {
    width: 100%;
    max-width: 85%;
    border-radius: 10px;
    overflow: hidden;
}
.about-image-card img{width:100%;height:auto;display:block}
.about-right{flex:0 0 55%;padding:3.6rem 0 4rem 3rem;display:flex;flex-direction:column;justify-content:flex-start}
.about-heading{font-size:clamp(1.2rem,2.2vw,2rem);font-weight:600;color:#1a1a1a;line-height:1.4;letter-spacing:-0.5px;text-transform:uppercase;margin-bottom:3rem}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 3rem}
.about-feature{display:flex;flex-direction:column;gap:.4rem}
.feature-num{font-size:1rem;color:#bbb;letter-spacing:.1em;font-weight:400}
.feature-text{font-size:1.1rem;color:#1a1a1a;line-height:1.5;font-weight:400}
@media(max-width:768px){
  .about-inner{flex-direction:column;padding:0 1.25rem}
  .about-left{padding:2rem 0;flex:0 0 100%}
  .about-right{padding:0 0 2rem;flex:0 0 100%}
  .about-heading{font-size:  24px; margin-bottom: 2rem;}
  .about-features{gap:1.5rem}
  .prop-title{font-size:30px;     font-weight: 600; }

  .about-label{font-size:30px; font-weight: 600;color:#1a1a1a; margin-bottom:10px;}
  
}


@media(max-width:768px){
  .nav{padding:.8rem 1.25rem;flex-wrap:wrap;gap:.5rem}
  .nav-links{display:none}
  .nav-right{gap:8px}
  .nav-right .btn-outline{display:none}
  .nav-toggle{display:flex;width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;border:none;background:#000;border-radius:4px;position:relative;z-index:301}
  .nav-toggle span{display:block;width:20px;height:1.5px;background:#fff;position:absolute;transition:all .25s}
  .nav-toggle span:nth-child(1){transform:translateY(-6px)}
  .nav-toggle span:nth-child(2){transform:translateY(0)}
  .nav-toggle span:nth-child(3){transform:translateY(6px)}
  .nav-toggle.open span{display:none}
  .nav-toggle-x{display:none}
  .nav-toggle.open .nav-toggle-x{display:block}
  .nav-toggle-x{stroke:#fff}
  .nav-overlay{display:none;position:fixed;inset:0;z-index:9998}
  .nav-overlay.open{display:block}
  .nav-links{display:flex;position:fixed;top:0;left:0;bottom:0;width:280px;background:#0a0a0a;flex-direction:column;padding:5rem 1.5rem 2rem;gap:1.5rem;z-index:9999;transform:translateX(-100%);transition:transform .3s ease;border-right:0.5px solid rgba(255,255,255,0.06);border-left:none}
  .nav-links.open{transform:translateX(0)}
  .nav-links a{font-size:15px;font-weight:600;color:#fff!important;letter-spacing:-0.3px}
  .nav-links-logo{font-size:1.3rem;letter-spacing:.18em;color:#fff;font-weight:400;list-style:none;margin-bottom:.5rem}
  .hero{padding:2.5rem 1.25rem 2rem;height:600px}
  .hero h1{letter-spacing:-2px;max-width:90%}
  .hero-sub{max-width:90%;margin-bottom:1.5rem}
  .section{padding:2.5rem 1.25rem}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .stats-row{grid-template-columns:1fr}
  .process-row{grid-template-columns:1fr}
  .services-row{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .work-grid{grid-template-columns:1fr}
  .cta-band{padding:2.5rem 1.25rem}
  .footer-top{grid-template-columns:1fr;gap:1.5rem}
  .footer-bottom{flex-direction:column;gap:.5rem;text-align:center}
  .prop-section{padding:2.5rem 1.25rem}
  .prop-header{flex-direction:column;align-items:flex-start;gap:1rem; margin-bottom: 10px;}
  .prop-header-right{width:100%}
  .tabs-container{gap:8px;}
  .tab-btn{padding: 3px 4px;
        font-size: 11px;}

        .property-card {height: auto; }
  .blog-grid{grid-template-columns:1fr}
  .hero-bg{
    height: 600px;
  }
  .about-image-card{
    max-width: 100% ;
  }
  .tabs-container{
    margin-bottom: 15px;
  }
}
@media(max-width:480px){
  .nav{padding:.6rem 1rem}
  .logo{font-size:1.1rem}
  .hero{padding:2rem 1rem 1.5rem;height:500px}
  .hero h1{letter-spacing:-1px}
  .hero-sub{font-size:13px}
  .section{padding:2rem 1rem}
  .why-grid{grid-template-columns:1fr}
  .prop-section{padding:2rem 1rem}
  .services-row{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .cta-band{padding:2rem 1rem}
  .footer-top{grid-template-columns:1fr;gap:1rem}
}
.counter-section{background:#f2f0ef;padding:0;overflow:hidden}
.counter-line{height:1px;background:#1a1a1a;margin:0}
.counter-heading{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;color:#1a1a1a;letter-spacing:-0.5px;text-transform:uppercase;padding:3rem 2.5rem 1.5rem;margin:0}
.counter-grid{display:grid;grid-template-columns:repeat(4,2fr);gap:0;border-top:0.5px solid rgba(0,0,0,0.1);margin:0 2.5rem}
.counter-item{padding:3rem 1.5rem;text-align:center;border-right:0.5px solid rgba(0,0,0,0.1)}
.counter-item:last-child{border-right:none}
.counter-num{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500;color:#1a1a1a;margin-bottom:.6rem}
.counter-small{font-size:1.4rem}
.counter-desc{font-size:.78rem;color:#6b6b6b;line-height:1.6;max-width:220px;margin:0 auto;font-weight:400}
@media(max-width:768px){
  /* .counter-grid{grid-template-columns:repeat(2,1fr);margin:0 1.25rem;display: flex;flex-wrap: wrap;} */
  
  .counter-item:nth-child(2){border-right:none}
  .counter-heading{padding:2rem 1.25rem 1rem}
  .counter-item {    padding: 1rem 1rem;}
}
@media(max-width:480px){
  .counter-grid{grid-template-columns:repeat(2,1fr);margin:0 1rem}
  .counter-item{border-right:none;border-bottom:0.5px solid rgba(0,0,0,0.1)}
  .counter-item:last-child{border-bottom:none}
}
.counter-cta{position:relative;overflow:hidden;border-radius:20px;margin:2rem 2.5rem;padding:5rem 2.5rem;text-align:center;min-height:320px;display:flex;align-items:center;justify-content:center}
.counter-cta-bg{position:absolute;inset:0;background-image:url('../image/cta-background-img/cta-background-new-img2.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
.counter-cta-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5)}
.counter-cta-content{position:relative;z-index:2;max-width:600px}
.counter-cta-heading{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;line-height:1.15;margin-bottom:.8rem}
.counter-cta-text{font-size:.88rem;color:rgba(255,255,255,0.85);margin-bottom:1.8rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}
.counter-cta-btn{border:1px solid #fff;color:#fff;background:transparent;padding:.55rem 1.5rem;font-size:15px;font-weight:400;letter-spacing:-0.2px;cursor:pointer;transition:all .2s;border-radius:3px;font-family:'Switzer',Arial,sans-serif;text-decoration:none;display:inline-block}
.counter-cta-btn:hover{background:#fff;color:#1a1a1a}
@media(max-width:768px){
  .counter-cta{border-radius:14px;margin:1.5rem 1.25rem;padding:3rem 1.25rem;min-height:260px}
}

/* Normal link ka color white ya grey hoga */
.nav-link {
    color: #999; 
    text-decoration: none;
}

/* Active (highlighted) link ka color change ho jayega */
.nav-link.active {
    color: #ffffff; /* Isse text white/bright ho jayega */
    font-weight: bold; /* Thoda bold karne ke liye */
    border-bottom: 2px solid #ffffff; /* Agar niche line chahiye toh */
}
.btn-outline {
    text-decoration: none;
}