*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:#222;background:#fff;overflow-x:hidden}
img,picture,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:'Roboto Slab','Roboto',serif;font-weight:700;line-height:1.25;color:#000000}

:root{
  --red:#D9272C;
  --red-dark:#b81e22;
  --red-light:#f04046;
  --navy:#000033;
  --navy-dark:#000022;
  --navy-light:#1a1a4d;
  --yellow:#FFC107;
  --dark:#1a1a1a;
  --gray:#666;
  --light-gray:#f5f5f5;
  --concerns-bg:#eef4f9;
  --border:#e5e5e5;
  --spotlight-bg:#dbeafe;
  --max:1200px;
}

.container{max-width:var(--max);margin:0 auto;padding:0 20px}
section{padding:55px 0;position:relative}
h1{font-size:clamp(1.7rem,3.2vw,2.4rem);font-family:'Roboto Slab',serif}
h2{font-size:clamp(1.6rem,3.2vw,2.2rem);margin-bottom:30px;text-align:center;font-weight:800}
h3{font-size:1.35rem}
h4{font-size:1.1rem}
p{margin-bottom:1em}

/* ============ HEADER ============ */
.site-header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;max-width:var(--max);margin:0 auto;gap:20px}
.logo img{height:55px;width:auto}
.nav-menu{display:flex;gap:22px;align-items:center;flex:1;justify-content:center}
.nav-menu a{font-weight:500;color:#000033;font-size:.95rem;transition:color .2s;padding:6px 0;border-bottom:2px solid transparent}
.nav-menu a:hover,.nav-menu a.active{color:var(--navy);border-bottom-color:var(--navy)}
.header-cta{display:flex;gap:10px;align-items:center}
.btn{display:inline-block;padding:10px 22px;border-radius:4px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .15s,box-shadow .15s,background .2s,color .2s;text-align:center;line-height:1.3;font-family:inherit;border:2px solid transparent}
.btn-primary{background:var(--red);color:#fff;border-color:var(--red)}
.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(217,39,44,.3)}
.btn-outline-white{background:transparent;color:#fff;border-color:#fff}
.btn-outline-white:hover{background:#fff;color:var(--red)}
.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-navy:hover{background:#000044}
.menu-toggle{display:none;font-size:1.6rem;color:#000033;background:none}
.btn-icon{display:inline-flex;align-items:center;gap:8px}
.btn-icon svg{width:16px;height:16px}

/* ============ HERO ============ */
.hero {
    position: relative;
}

.hero-bg {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.hero-overlay{position:absolute; inset:0; background:rgba(0,0,0,0.5); z-index:-1;}
.hero.thank-you{
  background-image:linear-gradient(rgba(40,30,70,.55),rgba(40,30,70,.6)),url('../images/locationkey.webp');
  background-size:cover;background-position:center;color:#fff;
  padding:60px 0 55px;position:relative;
}
.hero h1{color:#fff;margin-bottom:18px;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:700;font-size:clamp(1.6rem,2.9vw,2.2rem);line-height:1.3}
.hero-sub{font-size:.98rem;font-weight:400;margin-bottom:28px;color:rgba(255,255,255,.95);text-shadow:0 2px 6px rgba(0,0,0,.5);max-width:620px;line-height:1.65}
.hero-grid{display:grid;grid-template-columns:1fr .6fr;gap:120px;align-items:start}

/* USP arrow boxes */
.usp-list{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.usp-item{
    background:linear-gradient(
        90deg,
        rgba(15,15,55,.92) 0%,
        rgba(15,15,55,.78) 60%,
        rgba(15,15,55,0) 100%
    );

    padding:7px 18px 7px 42px;
    border-radius:3px;
    position:relative;
    font-weight:600;
    color:#fff;
    font-size:1rem;
    font-family:'Roboto Slab', serif;
}
.usp-item::before{
  content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:0;height:0;
  border-left:9px solid #fff;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
}

.hero-pricing{
  font-size:1.3rem;color:#fff;margin-bottom:22px;line-height:1.5;
}
.hero-pricing .highlight{color:#ffe521;font-weight:700}
.hero-form .highlight{color:#0F4C81;font-weight:700}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-ctas .btn{padding:13px 26px;font-size:.98rem}

/* HERO FORM */
.hero-form{
  background: rgba(255, 255, 255, 0.7); color:var(--dark);padding:28px;border-radius:10px;
  box-shadow:0 12px 40px rgba(0,0,0,.3);
}
.hero-form h3{
  text-align:center;color:var(--navy);font-size:1.1rem;
  margin-bottom:18px;line-height:1.3;font-weight:700;
  font-family:'Roboto Slab',serif;
}
.form-tag{
  text-align:center;color:var(--red);font-size:.9rem;
  margin-bottom:16px;font-weight:700;
}
.form-field{margin-bottom:12px}
.form-field input,.form-field select{
  width:100%;padding:12px 14px;border:1px solid #d0d0d0;
  border-radius:3px;font-size:.95rem;font-family:inherit;
  background:#fff;color:var(--dark);
  transition:border-color .2s,box-shadow .2s;
}
.form-field input:focus,.form-field select:focus{
  outline:none;border-color:var(--red);
  box-shadow:0 0 0 3px rgba(217,39,44,.12);
}
.form-field input::placeholder{color:#888}
.form-submit{
  width:100%;background:var(--red);color:#fff;
  padding:13px;border-radius:3px;font-weight:600;
  font-size:.98rem;font-family:inherit;
  transition:background .2s,transform .15s;
}
.form-submit:hover{background:var(--red-dark);transform:translateY(-1px)}

/* ============ INVEST 27 LACS BANNER (standalone full-width image) ============ */
.banner-strip{padding:0;background:#fff}
.banner-strip img{width:100%;display:block}

/* ============ KW DELHI 6 INTRO SECTION ============ */
.intro-split{padding:55px 0}
.intro-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.intro-split h2{text-align:left;font-size:clamp(1.6rem,3.2vw,2.2rem);margin-bottom:24px}
.intro-split p{color:#444;font-size:.98rem;line-height:1.8;text-align:justify;margin-bottom:18px}
.intro-image{
  border-radius:10px;overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.18);
  position:relative;
}
.intro-image img{width:100%;display:block}

/* ============ TRUST BADGES ============ */
.trust-section{
 background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.6)), url("../images/g6-scaled-1.webp");
  background-size:cover;background-position:center;background-attachment:scroll;
  color:#fff;padding:60px 0 50px;
}
.trust-section h2{color:#fff;margin-bottom:35px}
.trust-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
}
.trust-item{
  text-align:center;padding:28px 18px;
  background:var(--navy);
  border-radius:8px;color:#fff;
  transition:transform .25s,box-shadow .25s;
}
.trust-item:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.4)}
.trust-icon{
  width:60px;height:60px;margin:0 auto 14px;
  border:2px solid #fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.trust-icon i{
  font-size: 24px;
}
.trust-icon svg{width:32px;height:32px;fill:#fff;stroke:#fff}
.trust-item h6{font-size:.92rem;color:#fff;line-height:1.5;font-family:'Roboto Slab',serif;font-weight:500;margin:0}
.trust-item h6 .label{display:block;font-size:.85rem;color:rgba(255,255,255,.85);font-weight:400;margin-top:3px}

.trust-cta-text{
  text-align:center;color:#fff;font-size:1.15rem;
  font-family:'Roboto Slab',serif;font-weight:700;
  margin-top:38px;margin-bottom:18px;
}
.trust-cta-btn{text-align:center}


/* ============ KW GROUP SECTION ============ */
.kw-group{padding:55px 0;background:#fff}
.kw-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.kw-group h2{text-align:left;font-size:clamp(1.6rem,3.2vw,2.2rem);margin-bottom:22px}
.kw-group p{color:#444;font-size:.98rem;line-height:1.8;text-align:justify;margin-bottom:16px}
.investment-benefits ul {list-style: none; padding: 0; margin: 20px 0 0;}
.investment-benefits li { position: relative; padding: 12px 0 12px 32px; margin-bottom: 8px; font-size: 16px; line-height: 1.6; border-bottom: 1px solid #e5e5e5;}
.investment-benefits li::before { content: "✓"; position: absolute; left: 0; top: 12px; color: #28a745; font-weight: 700; font-size: 18px;}
.investment-benefits li:last-child { border-bottom: none;}
/* Video facade — matches Elementor YouTube native player look */
.lite-yt{
  position:relative;width:100%;aspect-ratio:16/9;background:#000;
  border-radius:14px;overflow:hidden;cursor:pointer;
  /*box-shadow:0 18px 40px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.15);*/
  box-shadow:
  0 20px 45px rgba(0, 0, 0, 0.55),
  0 8px 18px rgba(0, 0, 0, 0.35),
  0 0 12px rgba(0, 0, 0, 0.25);
  background-size:cover;background-position:center;
  border:1px solid rgba(0,0,0,.06);

}
.lite-yt::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,.45) 100%);
  transition:background .2s;z-index:1;
}
.lite-yt:hover::before{background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,.35) 100%)}

/* YouTube-style red play button */
.lite-yt-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:68px;height:48px;border-radius:14px;
  background:rgba(33,33,33,.8);z-index:2;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s,background .2s;
}
.lite-yt:hover .lite-yt-play{transform:translate(-50%,-50%) scale(1.08);background:#FF0000}
.lite-yt-play::after{
  content:"";width:0;height:0;
  border-left:18px solid #fff;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
  margin-left:5px;
}

/* YouTube-style top title bar */
.lite-yt-titlebar{
  position:absolute;top:0;left:0;right:0;
  padding:12px 16px;z-index:2;
  display:flex;align-items:center;gap:10px;
  color:#fff;font-family:'Roboto',sans-serif;
  pointer-events:none;
}
.lite-yt-titlebar-avatar{
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:.7rem;color:var(--navy);
  flex-shrink:0;
}
.lite-yt-titlebar-text{
  flex:1;min-width:0;
}
.lite-yt-titlebar-title{
  font-size:.92rem;font-weight:500;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.2;
}
.lite-yt-titlebar-channel{
  font-size:.78rem;color:rgba(255,255,255,.85);
  text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.3;
}

/* YouTube-style bottom watermark */
.lite-yt-watermark{
  position:absolute;bottom:10px;right:12px;z-index:2;
  color:#fff;font-family:'Roboto',sans-serif;
  font-size:.78rem;font-weight:600;
  display:flex;align-items:center;gap:5px;
  text-shadow:0 1px 3px rgba(0,0,0,.6);
  pointer-events:none;
}
.lite-yt-watermark-icon{
  width:24px;height:17px;background:#FF0000;
  border-radius:4px;
  display:flex;align-items:center;justify-content:center;
}
.lite-yt-watermark-icon::after{
  content:"";width:0;height:0;
  border-left:7px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  margin-left:1.5px;
}

.lite-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}
.lite-yt.playing .lite-yt-play,
.lite-yt.playing::before,
.lite-yt.playing .lite-yt-titlebar,
.lite-yt.playing .lite-yt-watermark{display:none}

/* ============ CONCERNS / FIRST 3 CARDS ============ */
.concerns{background:var(--concerns-bg);padding:60px 0}
.concerns h2{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.4;margin-bottom:40px}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.concern-card{
  background:#e8e8e8;padding:22px;border-radius:10px;
  transition:transform .25s,box-shadow .25s;
}
.concern-card{
  border-left:3px solid transparent;
  border-bottom:3px solid transparent;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.concern-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(0,0,0,.15);
  border-left-color:var(--red);
  border-bottom-color:var(--red);
}
.concern-card img{
  width:100%;aspect-ratio:16/10;object-fit:cover;
  border-radius:8px;margin-bottom:18px;
}
.concern-card h4{
  /*color:var(--navy);*/font-size:1.1rem;font-weight:700;
  margin-bottom:12px;line-height:1.4;
}
.concern-card p{font-size:.9rem;color:#444;line-height:1.7;margin:0}

/* ============ SECOND 3 CARDS (No heading - flowing continuation) ============ */
.cards-flow{background:var(--concerns-bg);padding:0 0 50px}

.closing-text{
  background:var(--concerns-bg);text-align:center;padding:0 0 30px;
}
.closing-text p{
  max-width:1000px;margin:0 auto 18px;color:#333;
  font-size:.95rem;line-height:1.8;padding:0 20px;
}
.closing-cta{
  background:var(--concerns-bg);text-align:center;padding:0 0 50px;
}
.closing-cta-text{
  color:var(--navy);font-size:1.1rem;font-weight:700;
  font-family:'Roboto Slab',serif;margin-bottom:18px;
}

/* ============ SMART INVESTMENT (3 cards with red top+bottom border) ============ */
.smart-investment{padding:55px 0}
.cards-bordered{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.bordered-card{
  background:#fff;border-radius:8px;overflow:hidden;
  border-top:3px solid var(--red);
  border-bottom:3px solid var(--red);
  border-left:1px solid rgba(217,39,44,.3);
  border-right:1px solid rgba(217,39,44,.3);
  transition:transform .25s,box-shadow .25s;
}
.bordered-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.bordered-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}
.bordered-card-body{padding:22px}
.bordered-card h4{margin-bottom:12px;color:var(--navy);font-size:1.05rem;font-weight:700;line-height:1.4}
.bordered-card p{font-size:.9rem;color:#444;margin:0;line-height:1.7}

/* ============ INVESTMENT SNAPSHOT ============ */
.snapshot{background:var(--navy);color:#fff}
.snapshot h2{color:#fff}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}
.snap-item{
  text-align:center;padding:28px 16px;
  background:var(--navy-light);border-radius:8px;
  border:1px solid rgba(255,255,255,.06);
}
.snap-icon{margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.snap-icon svg{width:56px;height:56px;fill:#fff}
.snap-icon i{font-size:44px}
.snap-item h3{color:#fff;font-size:1rem;margin-bottom:10px;font-weight:500;font-family:'Roboto',sans-serif}
.snap-value{font-size:1.4rem;font-weight:700;color:var(--red);font-family:'Roboto Slab',serif}
.snapshot-cta{text-align:center;margin-top:35px}
.snapshot-cta h3{color:#fff;margin-bottom:22px;font-weight:600}
.snapshot-cta .btn{margin:5px}

/* ============ BRANDS MARQUEE ============ */
.brands{background:#fff;padding:55px 0 50px; width:1280px; max-width: 100%; margin: 0 auto;}
#brands .marquee-track img  {max-width:120px;}
.marquee{
  overflow:hidden;position:relative;margin:30px 0 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  width:1280px; max-width: 100%; margin: 0 auto;
}
.marquee-track{
  display:flex;gap:55px;
  animation:marqueeScroll 50s linear infinite;
  width:max-content;align-items:center;
}
.marquee:hover .marquee-track,.marquee-track:hover{animation-play-state:paused}
.marquee-track img{
  height:65px;width:auto;object-fit:contain;
  filter:grayscale(0);transition:transform .3s;
}
.marquee-track img:hover{transform:scale(1.08)}
@keyframes marqueeScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.brands-cta{
 /* background:var(--navy);color:#fff;*/
  padding:35px 20px;border-radius:8px;margin-top:35px;
  text-align:center;
}
.brands-cta h4{color:#000;font-size:1.15rem;margin-bottom:18px;font-family:'Roboto Slab',serif;font-weight:600}

/* ============ ADVANTAGES ============ */
.advantages{
  background-image:linear-gradient(rgba(20,15,40,.85),rgba(20,15,40,.88)),url('../images/ban2-scaled-1.webp');
  background-size:cover;background-position:center;
  color:#fff;padding:60px 0;
}
.advantages h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);line-height:1.4}
.advantages-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:26px;align-items:center;margin-top:30px}
.adv-col{display:flex;flex-direction:column;gap:14px}
.adv-item{
  background:rgba(255,255,255,.95);
  padding:14px 18px 14px 36px;border-radius:3px;
  position:relative;color:var(--dark);
}
.adv-item::before{
  content:"";position:absolute;left:14px;top:22px;
  width:0;height:0;
  border-left:9px solid var(--red);
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
}
.adv-item h5{color:var(--navy);font-size:.95rem;margin-bottom:3px;font-family:'Roboto Slab',serif;font-weight:700}
.adv-item p{font-size:.85rem;color:#444;margin:0;line-height:1.5}
.adv-map{
  background:#fff;padding:8px;border-radius:8px;
  box-shadow:0 14px 32px rgba(0,0,0,.4);
  border:2px dashed #999;
}
.adv-map img{width:100%;display:block;border-radius:4px}

.advantages-cta{
  padding:30px;border-radius:8px;
  margin-top:40px;text-align:center;
}
.advantages-cta h4{color:#fff;font-size:1.1rem;margin-bottom:18px;font-family:'Roboto Slab',serif;font-weight:600}

/* ============ AWARDS ============ */
.awards{background:#fff;padding:55px 0}
.awards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px}
.awards-grid a{
  display:block;overflow:hidden;border-radius:8px;
  box-shadow:0 4px 14px rgba(0,0,0,.1);
  transition:transform .3s,box-shadow .3s;
}
.awards-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(0,0,0,.2)}
.awards-grid img{width:100%;display:block}
.awards-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.awards-grid img{ width:100%; border-radius:10px; cursor:pointer; transition:.3s;}
.awards-grid img:hover{transform:scale(1.03);}

/* ============ SPOTLIGHTS ============ */
.spotlights{
  background:var(--spotlight-bg);
  background-image:
    radial-gradient(circle at 20% 25%,rgba(255,255,255,.6) 1px,transparent 1.5px),
    radial-gradient(circle at 75% 75%,rgba(255,255,255,.6) 1px,transparent 1.5px),
    radial-gradient(circle at 45% 60%,rgba(255,255,255,.5) 1px,transparent 1.5px);
  background-size:18px 18px,28px 28px,22px 22px;
  padding:55px 0;
}
.spotlights .marquee-track{gap:70px;animation-duration:40s;}
.spotlights .marquee-track img{height:120px;max-width:200px;background:#fff;padding:8px 14px;border-radius:4px}

/* ============ FOOTFALL ZONES ============ */
.footfall{padding:55px 0;background:#fff; text-align: center;}
.footfall .marquee{padding:20px 0}
.footfall .marquee-track{gap:24px;animation-duration:45s}
.footfall-item{
  position:relative;border-radius:10px;overflow:hidden;
  width:340px;aspect-ratio:4/3;background:#000;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  flex-shrink:0;
}
.footfall-item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s,opacity .3s;opacity:.92;
}
.footfall-item:hover img{transform:scale(1.08);opacity:1}
.footfall-item span{
  position:absolute;bottom:14px;left:18px;
  color:#fff;font-weight:700;font-size:1.1rem;
  text-shadow:0 2px 6px rgba(0,0,0,.85);letter-spacing:.5px;
  font-family:'Roboto Slab',serif;
}

/* ============ PROJECTS ============ */
.projects{padding:55px 0;background:#fff}
.projects-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.tab-btn{
  padding:10px 26px;background:var(--navy);
  border:2px solid var(--navy);border-radius:30px;
  font-weight:600;color:#fff;font-family:inherit;font-size:.95rem;
  transition:all .2s;
}
.tab-btn.active{background:var(--red);border-color:var(--red);color:#fff}
.tab-btn:hover{background:var(--red);border-color:var(--red);color:#fff}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.projects-grid a{display:block;overflow:hidden;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.projects-grid img{
  border-radius:10px;aspect-ratio:1.1;object-fit:cover;width:100%;
  transition:transform .4s;
}
.projects-grid a:hover img{transform:scale(1.05)}

.projects-cta{
  /*background:var(--navy);color:#fff;*/
  padding:32px 20px;border-radius:8px;margin-top:35px;
  text-align:center;
}
.projects-cta h4{color:#000;font-size:1.1rem;margin-bottom:18px;font-family:'Roboto Slab',serif;font-weight:600}

/* ============ TESTIMONIALS ============ */
.testimonials{padding:55px 0;background:#fff}
.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.testimonial-vid{
  position:relative;border-radius:6px;overflow:hidden;
  cursor:pointer;aspect-ratio:1;background:#000;
  border:3px solid var(--navy);
  box-shadow:0 8px 18px rgba(0,0,0,.15);
  background-size:cover;background-position:center;
  transition:transform .25s;
}
.testimonial-vid:hover{transform:translateY(-3px)}
.testimonial-vid::before{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.15);transition:background .2s;
}
.testimonial-vid:hover::before{background:rgba(0,0,0,.05)}
.testimonial-vid::after{
  content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;
  background:rgba(255,255,255,.5);
  border:2px solid rgba(255,255,255,.95);z-index:2;
  transition:transform .2s,background .2s;
}
.testimonial-vid:hover::after{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.7)}
.testimonial-vid-play-tri{
  position:absolute;top:50%;left:50%;
  transform:translate(-32%,-50%);z-index:3;
  width:0;height:0;
  border-left:14px solid #fff;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
}
.testimonial-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4}

/* ============ FAQ ============ */
.faq{padding:55px 0;background:#fff}
.faq-list{max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; align-items: start;}
.faq-item{
  background:#fff;border:1px solid var(--border);
  border-radius:4px;margin-bottom:10px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.faq-item summary{
  padding:16px 22px;font-weight:600;color:var(--navy);
  cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;list-style:none;font-size:.98rem;
  font-family:'Roboto Slab',serif;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.5rem;color:var(--red);transition:transform .25s;font-weight:300;line-height:1}
.faq-item[open] summary::after{content:"−"}
.faq-item[open] summary{border-bottom:1px solid var(--border)}
.faq-answer{padding:16px 22px;color:#555;line-height:1.7;font-size:.95rem}

/* ============ GALLERY ============ */
.gallery{padding:55px 0;background:#fff}
.gallery .marquee{padding:20px 0}
.gallery .marquee-track{gap:22px;animation-duration:50s}
.gallery-item{
  width:300px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
  flex-shrink:0;
}
.gallery-item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s;
}
.gallery-item:hover img{transform:scale(1.08)}

/* ============ CONTACT ============ */
.contact{
  background:#0a1a2e;color:#fff;
  padding:55px 0;
}
.contact h2{color:#fff;text-align:left;margin-bottom:18px;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:20px;align-items:start}
.contact-info > p{color:rgba(255,255,255,.8);margin-bottom:28px;line-height:1.7;font-size:.95rem}
.contact-info-grid{display:grid;gap:14px}
.contact-info-item{
  background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 100%);
  padding:18px 24px;border-radius:6px;
  display:flex;align-items:center;gap:18px;
  transition:transform .2s;
}
.contact-info-item:hover{transform:translateX(4px)}
.contact-info-icon{
  width:42px;height:42px;background:transparent;
  border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.contact-info-icon svg{width:32px;height:32px;fill:#fff}
.contact-info-text h3{
  color:var(--red);margin-bottom:4px;font-size:.85rem;
  font-family:'Roboto Slab',serif;font-weight:700;
  text-transform:none;
}
.contact-info-text p,.contact-info-text a{color:#fff;font-size:.95rem;margin:0}
.contact-info-text a:hover{color:var(--red-light)}
.contact-info h3 { color: #fff; text-align: left; margin-bottom: 18px;}
.contact-form-wrap{
  background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 100%);
  padding:24px;border-radius:14px;
}
.contact-form-wrap .hero-form{margin:0;box-shadow:0 6px 20px rgba(0,0,0,.25);border-radius:6px}

/* ============ FOOTER (single line) ============ */
.site-footer{
  background:#0a1a2e;
  color:#fff;
  padding:20px 0;
  text-align:center;font-size:.88rem;
  border-top:1px solid rgba(255,255,255,.1);
}
.footer-line{
  display:flex;justify-content:space-between;align-items:center;
  max-width:var(--max);margin:0 auto;padding:0 20px;
  flex-wrap:wrap;gap:12px;
}
.footer-line a{color:#fff;transition:color .2s}
.footer-line a:hover{color:var(--red-light)}
.footer-links{display:inline-flex;gap:20px}

/* ============ STICKY MOBILE CTA ============ */
.sticky-cta{
  display:none;position:fixed;bottom:0;left:0;right:0;
  background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.15);
  padding:10px;z-index:90;gap:8px;
}
.sticky-cta .btn{flex:1;padding:12px;font-size:.9rem}

/* ============ MODAL ============ */
.modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.75);
  display:none;align-items:center;justify-content:center;
  z-index:1000;padding:20px;
}
.modal-overlay.active{display:flex}
.modal{
  background:#fff;border-radius:8px;padding:30px;
  max-width:460px;width:100%;max-height:90vh;overflow-y:auto;
  position:relative;animation:modalIn .25s ease-out;
}
@keyframes modalIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.modal-close{
  position:absolute;top:10px;right:12px;
  font-size:1.6rem;color:var(--gray);
  width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s;
}
.modal-close:hover{background:var(--light-gray)}
.modal h3{color:var(--navy);margin-bottom:6px;padding-right:30px;text-align:center;font-size:1.1rem}

/* ============ RESPONSIVE ============ */
@media (max-width:960px){
  .menu-toggle{display:block}
  .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;gap:12px;box-shadow:0 6px 20px rgba(0,0,0,.1)}
  .nav-menu.open{display:flex}
  .nav-menu a{width:100%;padding:8px 0;border-bottom:1px solid var(--border)}
  .header-cta .btn-primary{display:none}

  .hero-grid{grid-template-columns:1fr;gap:30px}
  .intro-split-grid,.kw-group-grid{grid-template-columns:1fr;gap:30px}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .cards-3,.cards-bordered{grid-template-columns:1fr}
  .snapshot-grid{grid-template-columns:repeat(2,1fr)}
  .advantages-grid{grid-template-columns:1fr}
  .awards-grid{grid-template-columns:repeat(2,1fr)}
  .projects-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr;gap:35px}
  .footer-line{flex-direction:column;gap:6px}

  .footfall-item{width:280px}
  .gallery-item{width:320px}

  .sticky-cta{display:flex}
  body{padding-bottom:70px}
  section{padding:40px 0}
  .hero{padding:45px 0 35px}
}
@media (max-width:480px){
  .trust-grid{grid-template-columns:1fr}
  .snapshot-grid{grid-template-columns:1fr}
  .awards-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .hero-form,.modal{padding:22px}
  .container{padding:0 16px}
  .header-inner{padding:8px 16px;gap:10px}
  .logo img{height:42px}
  .hero-ctas{flex-direction:column;gap:10px}
  .hero-ctas .btn{width:100%}
  .footfall-item{width:240px}
  .gallery-item{width:260px}
}
/* Animations and Popup */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleUp { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }

.popup-overlay {
  position: fixed; inset: 0; z-index: 100;
  display: none; align-items: center; justify-content: center;
  background-color: rgba(0,0,0,0.6); backdrop-filter: blur(4px);
  padding: 1rem;
}
.popup-overlay.show { display: flex; animation: fadeIn 0.3s forwards; }
.popup-content {
  background-color: #fff; border-radius: 0.5rem; padding: 2rem;
  width: 100%; max-width: 32rem; position: relative;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
  animation: scaleUp 0.3s forwards;
}
.popup-close { position: absolute; top: 1rem; right: 1rem; background: transparent; color: #94a3b8; }
.popup-close:hover { color: #475569; }

.map-popup{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.8);

  display:none;
  align-items:center;
  justify-content:center;

  z-index:99999;
}

.map-popup.active{
  display:flex;
}

.popup-map-img{
  width:90%;
  max-width:1000px;

  border-radius:16px;
}

.close-map{
  position:absolute;
  top:20px;
  right:35px;

  color:#fff;
  font-size:48px;
  cursor:pointer;
}

.modal-overlay{
  position: fixed;
  inset: 0;

  background: rgba(0,0,0,.75);
  backdrop-filter: blur(5px);

  display: none;
  align-items: center;
  justify-content: center;

  z-index: 99999;
}

.modal-overlay.active{
  display: flex;
}

.modal-box{
  width: 100%;
  max-width: 480px;

  background: #fff;

  border-radius: 18px;

  padding: 35px;

  position: relative;

  box-shadow:
    0 25px 80px rgba(0,0,0,.45);

  animation: popupFade .35s ease;
}

.modal-close{
  position: absolute;
  top: 14px;
  right: 18px;

  border: none;
  background: none;

  font-size: 34px;
  cursor: pointer;

  color: #777;
}

#modalTitle{
  font-size: 44px;
  line-height: 1.1;

  text-align: center;

  margin-bottom: 12px;
}

#modalTag{
  text-align: center;

  color: #555;

  margin-bottom: 24px;
}

.modal-box .form-field{
  margin-bottom: 15px;
}

.modal-box input,
.modal-box select{
  width: 100%;
  height: 54px;

  border: 1px solid #ddd;
  border-radius: 10px;

  padding: 0 16px;

  font-size: 16px;
}

.modal-box .form-submit{
  width: 100%;
  height: 56px;

  border: none;
  border-radius: 10px;

  background: #e51d2a;
  color: #fff;

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

  cursor: pointer;
}

@keyframes popupFade{

  from{
    opacity: 0;
    transform: translateY(20px) scale(.96);
  }

  to{
    opacity: 1;
    transform: translateY(0) scale(1);
  }

}
/* =========================
   CONTACT THANK YOU
========================= */

.contact-thank-you{
  background:
    linear-gradient(rgba(43,56,72,.95),
    rgba(43,56,72,.95)),
    url('https://www.transparenttextures.com/patterns/inspiration-geometry.png');

  padding: 42px 20px;
}

/* =========================
   CONTAINER
========================= */

.contact-thank-you-container{
  max-width: 1280px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(3,1fr);

  gap: 40px;

  align-items: center;
}

/* =========================
   ITEM
========================= */

.contact-thank-you-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  color: #fff;
}

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

.contact-thank-you-icon{
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 14px;
}

.contact-thank-you-icon svg{
  width: 32px;
  height: 32px;
  fill: #fff;
}

.contact-thank-you-icon i{
  font-size: 32px;
  color: #fff;
  opacity: .95;
}

/* =========================
   HEADING
========================= */

.contact-thank-you-item h3{
  font-size: 20px;
  margin-bottom: 10px;
  color: #fff;
}

/* =========================
   TEXT
========================= */

.contact-thank-you-item p,
.contact-thank-you-item a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
  line-height: 1.7;
  font-size: 16px;
}

.contact-thank-you-item a:hover{
  color: #fff;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .contact-thank-you-container{
    grid-template-columns: 1fr;
    gap: 35px;
  }
 .investment-benefits h2 {
        text-align: center;
    }
}

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

.contact-thank-you-item h3{
  font-size: 22px;
  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 10px;

  color: #fff;
}

/* =========================
   TEXT
========================= */

.contact-thank-you-item p,
.contact-thank-you-item a{
  color: #fff;

  text-decoration: none;

  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;

  opacity: .96;
}

/* ADDRESS */

.contact-thank-you-item p{
  max-width: 470px;
  margin: auto;
}

/* HOVER */

.contact-thank-you-item a:hover{
  opacity: 1;
}

/* =========================
   MOBILE
========================= */

@media(max-width: 900px){

  .contact-thank-you-container{
    grid-template-columns: 1fr;
    gap: 40px;
  }

}

.brands-thank-you{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:35px;margin-bottom:40px}
.brands-thank-you a{
  display:block;overflow:hidden;border-radius:8px;
  box-shadow:0 4px 14px rgba(0,0,0,.1);
  transition:transform .3s,box-shadow .3s;
}
.brands-thank-you img {height:100px;}
@media(max-width: 768px){
.snapshot-cta{ text-align:center;}
.snapshot-cta .btn{ width:100%; justify-content:center; margin-bottom:12px; }
.snapshot-cta .btn-icon{ width:100%;}
}