@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  :root{
    --bg: #ffffff;
    --ink: #0f172a;           /* slate-900 */
    --muted:#5b6475;          /* slate-ish */
    --brand:#2563eb;          /* blue-600 */
    --brand-2:#0ea5e9;        /* sky-500 */
    --accent:#22c55e;         /* green-500 */
    --card:#f7f9fc;
    --ring:rgba(37, 99, 235, .25);
    --radius:18px;
    --shadow:0 8px 24px rgba(15,23,42,.08);
     --hs-ink:#0f172a;           /* text */
    --hs-muted:#5b6475;
    --hs-brand:#2563eb;         /* blue */
    --hs-brand2:#0ea5e9;        /* sky */
    --hs-white:#ffffff;
    --hs-overlay:linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.55) 100%);
    --hs-radius:18px;
    --hs-ring:rgba(37,99,235,.25);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:14px!important;font-family: "Poppins", sans-serif;}
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  .container{width:min(1200px,90%);margin-inline:auto}
  
  h1,h2,h3,h4,h5,h6{
        font-family: "Montserrat", sans-serif !imporant;
  font-style: normal;
  }
 .field.has-error input,
.field.has-error select,
.field.has-error textarea {
  border-color: red;
}

.err {
  font-size: 12px;
  margin-top: 3px;
}

  /* Header */
  .header{
    position:sticky; top:0; z-index:50; backdrop-filter:saturate(180%) blur(8px);
    background:rgba(255,255,255,.8); border-bottom:1px solid #eef1f6;
  }
  .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
  .brand .logo{
    width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));
    display:grid;place-items:center;color:#fff;box-shadow:var(--shadow)
  }
  .brand span{font-size:1.05rem}
  .menu{display:flex;align-items:center;gap:22px}
  .menu a{color:var(--muted);font-weight:600}
  .menu a:hover{color:var(--brand)}
  .social{display:flex;gap:10px}
  .btn{
    display:inline-flex;align-items:center;gap:10px;border:none;border-radius:999px;
    padding:10px 16px;background:var(--brand);color:#fff;font-weight:700;box-shadow:0 6px 18px var(--ring)
  }
  a.noidapro{
      display: flex;
    align-items: center;
    gap: 7px;
  }
  .btn:active{transform:translateY(1px)}
  .hamb{display:none;flex-direction:column;gap:5px}
  .hamb span{width:26px;height:2.5px;background:var(--ink);border-radius:2px}

  /* Mobile menu */
  #nav-toggle{display:none}
  @media (max-width: 940px){
    .menu, .social, .cta{display:none}
    .hamb{display:flex}
    #nav-toggle:checked ~ .drawer{max-height:420px;opacity:1}
  }
  .drawer{
    overflow:hidden;max-height:0;opacity:0;transition:.35s ease; border-top:1px solid #eef1f6
  }
  .drawer .stack{display:grid;gap:8px;padding:12px 0}
  .drawer a{padding:10px 6px;border-radius:10px;color:var(--muted);font-weight:600}
  .drawer a:hover{background:var(--card);color:var(--brand)}
  .drawer .row{display:flex;align-items:center;justify-content:space-between}
  .drawer .btn{width:100%;justify-content:center;margin-top:8px}

  

  /* Footer */
  .footer{
    background:#0b1220;color:#cbd5e1;padding-top:44px
  }
  .f-top{display:grid;gap:28px}
  @media (min-width:900px){.f-top{grid-template-columns:2fr 1fr 1fr 1fr}}
  .f-brand{display:flex;align-items:center;gap:12px}
  .f-brand .logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center}
  .f-title{color:#fff;margin-bottom:10px;font-weight:800}
  .f-links{display:grid;gap:8px}
  .f-links a{color:#a9b4c7}
  .f-links a:hover{color:#fff}
  .f-bottom{
    border-top:1px solid #1f2a44;margin-top:30px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.92rem;color:#93a2b8
  }
  .f-social{display:flex;gap:10px}
  .ghost-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #1f2a44;border-radius:12px;padding:8px 12px;color:#cbd5e1}

  /* Utility */
  .mt-4{margin-top:16px}.mt-6{margin-top:26px}.mb-0{margin-bottom:0}
  .container{width:min(1200px,92%);margin-inline:auto}

  .hero-slider{
    position:relative; overflow:hidden; isolation:isolate;
    background:#000; color:var(--hs-white);
  }
  .hs-track{display:flex; transition:transform .6s ease; will-change:transform}
  .hs-slide{
    position:relative; min-width:100%; height:100vh; max-height:760px; display:grid; place-items:center;
  }
  @media (max-width: 768px){ .hs-slide{ height:64vh; } }

  .hs-img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; ;
  }
  .hs-overlay{position:absolute; inset:0; background:var(--hs-overlay)}

  .hs-content{
    position:relative; z-index:2; text-align:left; width:100%;
    display:grid; gap:14px; align-content:center;
  }
  .hs-pill{
    display:inline-grid; place-items:center; font-weight:700; font-size:.9rem;
    color:#0b3b9c; background:#e8f0ff; border:1px solid #dbe7ff; border-radius:999px; padding:8px 14px;
    width:max-content;
  }
  .hs-title{
    font-size:clamp(26px,5vw,46px); line-height:1.1; margin:0;
    text-shadow:0 2px 12px rgba(0,0,0,.35);
  }
  .hs-sub{
    max-width:780px; color:#e9eef7; margin:0;
  }
  .hs-ctas{display:flex; gap:12px; margin-top:8px; flex-wrap:wrap}
  .hs-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:800;
    border-radius:999px; padding:12px 18px; border:1px solid transparent; text-decoration:none;
    transition:.2s ease;
  }
  .hs-btn.primary{ background:var(--hs-brand); color:#fff; box-shadow:0 10px 20px var(--hs-ring); }
  .hs-btn.primary:hover{ filter:brightness(1.05) }
  .hs-btn.ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55) }
  .hs-btn.ghost:hover{ background:rgba(255,255,255,.1) }

  /* Arrows */
  .hs-arrow{
    position:absolute; top:50%; transform:translateY(-50%); z-index:3;
    width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.5);
    background:rgba(0,0,0,.35); color:#fff; font-size:28px; line-height:0;
    display:grid; place-items:center; cursor:pointer; backdrop-filter:blur(4px);
  }
  .hs-arrow:hover{ background:rgba(0,0,0,.5) }
  .hs-arrow.prev{ left:18px } .hs-arrow.next{ right:18px }

  /* Dots */
  .hs-dots{
    position:absolute; left:50%; transform:translateX(-50%); bottom:18px; z-index:3;
    display:flex; gap:8px; align-items:center; justify-content:center;
  }
  .hs-dot{
    width:10px; height:10px; border-radius:999px; background:rgba(255,255,255,.45);
    border:1px solid rgba(255,255,255,.6); cursor:pointer; transition:.2s ease;
  }
  .hs-dot[aria-selected="true"]{ width:28px; background:#fff; border-color:#fff }

  /* Entry animation on active slide */
  .hs-slide .hs-content{opacity:0; transform:translateY(10px); transition: .6s ease}
  .hs-slide.is-active .hs-content{opacity:1; transform:translateY(0)}
  
 /* About Us Section */
.about-section {
  padding: 70px 0;
  background: #f9fafc;
}

.about-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
}

.about-img img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.about-tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #2563eb;
  background: #e8f0ff;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.about-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 16px;
  color: #0f172a;
}

.about-text {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 20px;
}

.about-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  color: #333;
}

.about-list li {
  margin-bottom: 10px;
  font-size: 15px;
}

.btn-about {
  display: inline-block;
  padding: 12px 22px;
  background: #2563eb;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  border-radius: 999px;
  text-decoration: none;
  transition: 0.3s;
}

.btn-about:hover {
  background: #0b56d6;
}ul.about-list {
    display: grid
;
    grid-template-columns: 1fr 1fr;
}

/* Responsive */
@media (max-width: 900px) {
  .about-grid {
    grid-template-columns: 1fr;
  }
  .about-img {
    order: -1;
  }
}
#leadForm .field input,
#leadForm .field select,
#leadForm .field textarea {
  box-sizing: border-box;
  border: 1px solid #d0d0d0;   /* hamesha 1px border */
  border-radius: 8px;
}

/* sirf color change karo, thickness same rahe */
#leadForm .field input.has-error,
#leadForm .field select.has-error,
#leadForm .field textarea.has-error {
  border-color: #e53935;       /* red color only */
}
#leadForm .err {
  display: block;
  font-size: 12px;
  color: #e53935;
  margin-top: 4px;
  min-height: 16px;   /* hamesha itni jagah reserve rahe */
}


/* Featured Properties */
.feat-section{padding:70px 0;background:#fff}
.feat-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.feat-tag{
  display:inline-block;background:#e8f0ff;border:1px solid #dbe7ff;color:#0b3b9c;
  padding:6px 12px;border-radius:999px;font:600 14px 'Montserrat',sans-serif
}
.feat-title{margin:6px 0 6px;font:700 30px/1.2 'Montserrat',sans-serif;color:#0f172a}
.feat-sub{margin:0;color:#5b6475;font:400 15px}

.feat-filters{display:flex;gap:8px;flex-wrap:wrap}
.f-btn{
  padding:10px 14px;border:1px solid #e3e8f3;background:#fff;border-radius:9999px;cursor:pointer;
  font:600 14px 'Montserrat',sans-serif;color:#334155;transition:.2s
}
.f-btn:hover{border-color:#2563eb;color:#2563eb}
.f-btn.is-active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 8px 22px rgba(37,99,235,.18)}

.feat-grid{display:grid;gap:18px}
@media (min-width:700px){.feat-grid{grid-template-columns:repeat(3,1fr)}}

.prop-card{
  background:#fff;border:1px solid #edf1f7;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.06);
  display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease
}
.prop-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(15,23,42,.12)}
.prop-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.prop-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.prop-badge{
  position:absolute;left:12px;top:12px;background:#2563eb;color:#fff;font:700 12px 'Montserrat',sans-serif;
  padding:6px 10px;border-radius:999px
}
.prop-badge.alt{background:#0ea5e9}
.prop-body{padding:14px}
.prop-title{margin:4px 0 4px;font:700 18px 'Montserrat',sans-serif;color:#0f172a}
.prop-meta{color:#64748b;font:400 14px}
.prop-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between}
.prop-price{font:700 18px 'Montserrat',sans-serif;color:#111827}
.prop-btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;
  background:#2563eb;color:#fff;font:700 13px 'Montserrat',sans-serif;box-shadow:0 8px 20px rgba(37,99,235,.22)
}
.prop-btn:hover{filter:brightness(1.05)}

.feat-cta{
  margin-top:22px;background:linear-gradient(90deg,#2563eb,#0ea5e9);
  color:#fff;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.feat-cta p{margin:0;font:500 15px }
.feat-btn{
  background:#fff;color:#2563eb;border-radius:999px;padding:10px 16px;text-decoration:none;
  font:800 14px 'Montserrat',sans-serif
}
/* Popular Localities */
.loc-section{padding:70px 0;background:#f9fafc}
.loc-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.loc-tag{
  display:inline-block;background:#e8f0ff;border:1px solid #dbe7ff;color:#0b3b9c;
  padding:6px 12px;border-radius:999px;font:600 14px 'Montserrat',sans-serif
}
.loc-title{margin:6px 0 6px;font:700 30px/1.2 'Montserrat',sans-serif;color:#0f172a}
.loc-sub{margin:0;color:#5b6475;font:400 15px }

/* Chips */
.loc-chips{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.loc-chip{
  padding:10px 14px;border:1px solid #e3e8f3;background:#fff;border-radius:9999px;cursor:pointer;
  font:700 13px 'Montserrat',sans-serif;color:#334155;transition:.2s
}
.loc-chip:hover{border-color:#2563eb;color:#2563eb}
.loc-chip.is-active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 8px 22px rgba(37,99,235,.18)}

/* Grid & Cards */
.loc-grid{display:grid;gap:18px}
@media (min-width:700px){.loc-grid{grid-template-columns:repeat(3,1fr)}}

.loc-card{
  background:#fff;border:1px solid #edf1f7;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.06);
  display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease
}
.loc-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(15,23,42,.12)}
.loc-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.loc-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.loc-badge{
  position:absolute;left:12px;top:12px;background:#2563eb;color:#fff;font:700 12px 'Montserrat',sans-serif;
  padding:6px 10px;border-radius:999px
}
.loc-badge.alt{background:#0ea5e9}
.loc-body{padding:14px}
.loc-name{margin:4px 0 6px;font-size:20px;color:#0f172a}
.loc-desc{margin:0 0 10px;color:#5b6475;font-size: 14px;}

.loc-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f3f6fb;border:1px solid #e7edf8;
  border-radius:12px;padding:10px;margin-bottom:12px
}
.loc-stats strong{display:block;font-size:12px;color:#334155}
.loc-stats span{display:block;font-size:13px ;color:#0f172a}

.loc-btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;
  background:#2563eb;color:#fff;font-size:13px;box-shadow:0 8px 20px rgba(37,99,235,.22)
}
.loc-btn:hover{filter:brightness(1.05)}

/* Bottom CTA */
.loc-cta{
  margin-top:22px;background:linear-gradient(90deg,#2563eb,#0ea5e9);
  color:#fff;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.loc-cta p{margin:0;font-size:15px }
.loc-cta-btn{
  background:#fff;color:#2563eb;border-radius:999px;padding:10px 16px;text-decoration:none;
  font-size:14px
}
/* Services */
.srv-section{padding:70px 0;background:#fff}
.srv-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.srv-tag{
  display:inline-block;background:#e8f0ff;border:1px solid #dbe7ff;color:#0b3b9c;
  padding:6px 12px;border-radius:999px;font-size:14px
}
.srv-title{margin:6px 0 6px;font-size:30px/1.2;color:#0f172a}
.srv-sub{margin:0;color:#5b6475;font-size:15px }

/* Grid & Card */
.srv-grid{display:grid;gap:18px}
@media (min-width:700px){.srv-grid{grid-template-columns:repeat(3,1fr)}}

.srv-card{
  background:#fff;border:1px solid #edf1f7;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.06);
  padding:18px;display:flex;flex-direction:column;gap:10px;transition:transform .2s ease, box-shadow .2s ease
}
.srv-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(15,23,42,.12)}
.srv-ico{
  width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:26px;
  background:linear-gradient(135deg,#e9f3ff,#f3fcff);border:1px solid #e2ecfb
}
.srv-name{margin:6px 0 4px;font-size:20px;color:#0f172a}
.srv-text{margin:0;color:#5b6475;font-size:14.5px }
.srv-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.srv-badges span{
  display:inline-block;background:#f3f6fb;border:1px solid #e7edf8;border-radius:999px;padding:6px 10px;
  font-size:12px;color:#334155
}
.srv-btn{
  margin-top:auto;align-self:flex-start;background:#2563eb;color:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;
  font-size:13px;box-shadow:0 8px 20px rgba(37,99,235,.22)
}
.srv-btn:hover{filter:brightness(1.05)}

/* Process band */
.srv-process{
  margin-top:22px;background:#f9fafc;border:1px solid #e7edf8;border-radius:16px;padding:14px;
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap
}
.srv-process .step{
  display:flex;align-items:center;gap:8px;font-size:13px;color:#0f172a
}
.srv-process .step span{
  width:26px;height:26px;border-radius:999px;background:#2563eb;color:#fff;display:grid;place-items:center
}
.srv-process .pipe{width:28px;height:2px;background:#d7e2f3;border-radius:999px}
/* ===== Why Noida (USP) ===== */
.usp-section{
  padding:70px 0;
  background:
    radial-gradient(900px 300px at -10% -30%, rgba(14,165,233,.10), transparent 60%),
    radial-gradient(1200px 400px at 70% -50%, rgba(37,99,235,.10), transparent 55%),
    #f7fbff;
}

.usp-grid{
  display:grid;
  gap:40px;
  align-items:center;
}
@media (max-width: 950px){
  .usp-grid{ grid-template-columns:1fr; }
}

.usp-tag{
  display:inline-block;
  background:#e8f0ff;
  border:1px solid #dbe7ff;
  color:#0b3b9c;
  padding:6px 12px;
  border-radius:999px;
  font-size:14px;
}
.usp-title{
  margin:8px 0 8px;
  font-size:30px;
  color:#0f172a;
      font-size: 18px;
}
.usp-sub{
  margin:0 0 16px;
  color:#5b6475;
  font-size:15px ;
}

/* Features list */
.usp-feats{display:grid;gap:14px;margin-top:10px;    grid-template-columns: repeat(2, 1fr);}
.usp-feat{
  display:flex; gap:12px; align-items:flex-start;
  background:#fff; border:1px solid #edf1f7; border-radius:14px; padding:12px;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.usp-ico{
  width:48px; height:48px; border-radius:12px; display:grid; place-items:center; font-size:22px;
  background:linear-gradient(135deg,#e9f3ff,#f3fcff); border:1px solid #e2ecfb; flex:0 0 auto;
}
.usp-name{margin:2px 0 4px; font-size:18px; color:#0f172a}
.usp-text{margin:0; color:#5b6475; font-size:14.5px }

/* Chips */
.usp-chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.usp-chip{
  padding:8px 12px; border-radius:999px; background:#fff;
  border:1px solid #e7ecf5; color:#0f172a;
  font-size:12.5px;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}

/* Stats panel */
.usp-right{
  background:#ffffff;
  border:1px solid #e6eefb;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 28px rgba(15,23,42,.08);
}
.usp-stats{
  display:grid; grid-template-columns:repeat(2,1fr); gap:12px;
}
.usp-stat{
  background:linear-gradient(135deg,#f2f7ff,#f8fbff);
  border:1px solid #e3ecfb; border-radius:14px; padding:14px;
  text-align:center;
}
.usp-num{
  font-size:20px; color:#2563eb; letter-spacing:.2px;
}
.usp-lbl{
  margin-top:6px; color:#334155; font-size:13px;
}
.usp-note{
  margin:10px 0 0; color:#6b7485; font-size:12.5px ; text-align:center;
}

/* CTA band */
.usp-cta{
  margin-top:22px;
  background:linear-gradient(90deg,#2563eb,#0ea5e9);
  color:#fff; border-radius:18px; padding:20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  box-shadow:0 12px 28px rgba(37,99,235,.25);
}
.usp-cta-title{margin:0; font-size:20px}
.usp-cta-sub{margin:2px 0 0; font-size:14px ; opacity:.95}
.usp-btn{
  background:#fff; color:#2563eb; border-radius:999px; padding:10px 16px; text-decoration:none;
  font-size:14px;
}
.usp-btn:hover{filter:brightness(1.05)}
/* ===== Testimonials ===== */
.ts-section{padding:70px 0;background:#ffffff}
.ts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.ts-tag{
  display:inline-block;background:#e8f0ff;border:1px solid #dbe7ff;color:#0b3b9c;
  padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px
}
.ts-title{margin:6px 0 6px;font-weight:700;font-size:30px;line-height:1.2;color:#0f172a}
.ts-sub{margin:0;color:#5b6475;font-size:15px}
.ts-ctrl{display:flex;gap:8px}
.ts-arrow{
  width:40px;height:40px;border-radius:50%;border:1px solid #d7e2f3;background:#f7faff;color:#1e2a44;
  display:grid;place-items:center;cursor:pointer;transition:.2s
}
.ts-arrow:hover{background:#eaf2ff;border-color:#2563eb;color:#2563eb}

/* Carousel */
.ts-viewport{
  overflow:hidden;
}
.ts-track{
  display:flex;gap:24px;padding-bottom:4px; /* small bottom space for shadow */
  scroll-behavior:smooth;
}
.ts-item{
  scroll-snap-align:start;
  flex:0 0 calc(100% - 16px);
}
@media (min-width:700px){ .ts-item{ flex-basis: calc(50% - 16px); } }
@media (min-width:1024px){ .ts-item{ flex-basis: calc(33.333% - 16px); } }

.ts-viewport{ scroll-snap-type:x mandatory }

/* Card */
.ts-card{
  height:100%;
  background:#fff;border:1px solid #edf1f7;border-radius:16px;
  padding:16px;display:flex;flex-direction:column;gap:10px
}
.ts-stars{display:flex;gap:4px;color:#f59e0b}
.ts-stars svg{width:18px;height:18px;fill:#f59e0b;opacity:1}
.ts-stars svg.dim{opacity:.35}
.ts-quote{margin:2px 0 8px;color:#0f172a;font-weight:500}
.ts-user{display:flex;align-items:center;gap:10px;margin-top:auto}
.ts-user img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #e6eefb}
.ts-name{font-weight:700;color:#0f172a}
.ts-role{color:#64748b;font-size:13px}

/* Bottom CTA */
.ts-cta{
  margin-top:18px;background:linear-gradient(90deg,#2563eb,#0ea5e9);
  color:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.ts-note{margin:0;opacity:.95}
.ts-btn{
  background:#fff;color:#2563eb;border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:800
}
.ts-btn:hover{filter:brightness(1.05)}
h2{
        font-weight: 700;
}
/* ===== CTA / Lead Form ===== */
.lead-section{
  padding:70px 0;
  background:
    radial-gradient(900px 300px at -10% -30%, rgba(14,165,233,.10), transparent 60%),
    radial-gradient(1200px 400px at 70% -50%, rgba(37,99,235,.10), transparent 55%),
    #f7fbff;
}
.lead-wrap{
  display:grid; grid-template-columns:1.05fr .95fr; gap:26px; align-items:stretch;
}
@media (max-width: 950px){ .lead-wrap{ grid-template-columns:1fr; } }

.lead-copy .lead-tag{
  display:inline-block; background:#e8f0ff; border:1px solid #dbe7ff; color:#0b3b9c;
  padding:6px 12px; border-radius:999px; font-weight:600; font-size:14px;
}
.lead-title{ margin:10px 0 8px; font-weight:800; font-size:30px; color:#0f172a }
.lead-sub{ margin:0 0 14px; color:#5b6475 }
.lead-points{ margin:0 0 14px; padding-left:18px; color:#0f172a }
.lead-points li{ margin:6px 0 }
.lead-meta{ display:grid; gap:6px; color:#334155; background:#fff; border:1px solid #e7edf8; border-radius:12px; padding:12px; box-shadow:0 8px 16px rgba(15,23,42,.06) }

.lead-card{
  background:#fff; border:1px solid #e6eefb; border-radius:16px; padding:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.08)
}
.lead-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.field{ display:grid; gap:6px }
.field-full{ grid-column:1 / -1 }
.field label{ color:#0f172a; font-weight:700 }
.field input, .field select, .field textarea{
  width:100%; padding:12px 12px; border:1px solid #dde6f4; border-radius:12px; background:#fff; outline:none;
}
.field input:focus, .field select:focus, .field textarea:focus{
  box-shadow:0 0 0 4px rgba(37,99,235,.25); border-color:#2563eb;
}
.err{ color:#d93025; min-height:14px; font-size:12px }
.hp{ position:absolute; left:-9999px; opacity:0 }

.check{ display:flex; align-items:center; gap:8px; margin-top:6px }
.check input{ width:18px; height:18px }
.actions{ display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap }
.btn-primary{
  background:#2563eb; color:#fff; border:none; border-radius:999px; padding:12px 18px; cursor:pointer;
  font-weight:800; box-shadow:0 10px 20px rgba(37,99,235,.25)
}
.btn-primary:hover{ filter:brightness(1.05) }
.btn-ghost{
  background:#fff; color:#2563eb; border:1px solid #2563eb; border-radius:999px; padding:12px 18px; cursor:pointer; font-weight:800
}
.btn-ghost:hover{ background:#eff4ff }
.disclaimer{ color:#64748b; font-size:12.5px; margin:8px 0 0 }

.lead-success{
  margin-top:12px; background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; border-radius:12px; padding:10px;
}h1.hs-title {
    font-weight: 700;
}


@media (max-width: 720px){
  .lead-grid{ grid-template-columns:1fr }
}

 /* Page Hero */
  .about-hero{position:relative; color:#fff; padding:80px 0}
  .hero-bg{
    position:absolute; inset:0;
    background:
      radial-gradient(1000px 360px at 70% -40%, rgba(37,99,235,.25), transparent 60%),
      radial-gradient(900px 320px at -10% -30%, rgba(14,165,233,.25), transparent 60%),
      url('https://images.unsplash.com/photo-1501045661006-fcebe0257c3f?q=80&w=2400&auto=format&fit=crop') center/cover no-repeat;
    filter:brightness(.75);
    z-index:-1;
  }
  .breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:8px;opacity:.9}
  .breadcrumb a{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.6)}
  .hero-title{margin:6px 0 6px; font-weight:800; font-size:42px; line-height:1.1}
  .hero-sub{margin:0 0 12px; max-width:800px; opacity:.95}
  .hero-cta{display:flex;gap:10px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:800}
  .btn.primary{background:#fff;color:#2563eb}
  .btn.ghost{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.45)}
  .btn.white{background:#fff;color:#2563eb}

  /* Sections */
  .section{padding:70px 0;background:#fff}
  .grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
  @media (max-width: 950px){ .grid-2{grid-template-columns:1fr} }

  /* Story */
  .story-media img{width:100%;border-radius:16px;box-shadow:var(--shadow)}
  .tag{display:inline-block;background:#e8f0ff;border:1px solid #dbe7ff;color:#0b3b9c;padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px;width: fit-content;}
  .title{margin:8px 0 8px;font-weight:800;font-size:30px;color:var(--ink)}
  .text{margin:0 0 12px;color:var(--muted)}
  .tick-list{margin:0 0 12px;padding-left:18px;color:var(--ink)}
  .tick-list li{margin:6px 0}
  .inline-cta{display:flex;gap:10px;flex-wrap:wrap}

  /* USPs */
  .about-usps{background:#fff}
  .head{display:grid;gap:6px;margin-bottom:16px}
  .head.center{text-align:center}
  .head .sub{margin:0;color:var(--muted)}
  .usp-grid{display:grid;gap:16px}
  @media (min-width:700px){ .usp-grid{grid-template-columns:repeat(1,1fr)} }
  .usp{
    background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06);
    padding:16px;display:grid;gap:6px
  }
  .ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:22px;
    background:linear-gradient(135deg,#e9f3ff,#f3fcff);border:1px solid #e2ecfb}
  .usp-title{margin:4px 0 2px;font-weight:800;color:var(--ink)}
  .usp-text{margin:0;color:var(--muted)}

  /* Stats */
  .about-stats{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;padding:18px 0}
  .stats-grid{display:grid;gap:10px}
  @media (min-width:700px){ .stats-grid{grid-template-columns:repeat(4,1fr)} }
  .stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px;text-align:center}
  .stat .num{font-weight:900;font-size:22px}
  .stat .lbl{opacity:.95}

  /* Process */
  .steps{
    margin-top:8px;background:#f9fafc;border:1px solid var(--line);border-radius:16px;padding:14px;
    display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap
  }
  .step{text-align:center;min-width:120px}
  .dot{width:32px;height:32px;border-radius:999px;background:var(--brand);color:#fff;display:inline-grid;place-items:center;font-weight:800;margin-bottom:6px}
  .pipe{width:28px;height:2px;background:#d7e2f3;border-radius:999px}
  .step h3{margin:0 0 4px;color:var(--ink)}
  .step p{margin:0;color:var(--muted);font-size:14px}

  /* Team */
  .team-grid{display:grid;gap:16px}
  @media (min-width:700px){ .team-grid{grid-template-columns:repeat(3,1fr)} }
  .member{
    background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06);
    padding:14px;text-align:center
  }
  .member img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:10px}
  .m-name{margin:0 0 4px;font-weight:800;color:var(--ink)}
  .m-role{margin:0 0 6px;color:#2563eb;font-weight:700}
  .m-bio{margin:0;color:var(--muted)}

  /* Trust */
  .about-trust{background:#fff}
  .trust-wrap .badge-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
  .badge{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;box-shadow:0 8px 20px rgba(15,23,42,.05);font-weight:800;color:var(--ink)}

  /* FAQ */
  .about-faq{background:#fff}
  .faq-list{display:grid;gap:10px}
  .faq{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .q{width:100%;text-align:left;padding:14px 16px;border:0;background:#f7faff;color:#0b3b9c;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:800}
  .q[aria-expanded="true"]{background:#eaf2ff}
  .a{display:none;padding:12px 16px;color:var(--ink)}
  .faq.open .a{display:block}

  /* CTA Band */
  .about-cta{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;padding:22px 0}
  .cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .cta-title{margin:0;font-weight:900}
  .cta-sub{margin:2px 0 0;opacity:.95}

.stat {
    color: black;
}/* Hero */
.contact-hero{position:relative;color:#fff;padding:86px 0 72px;background:#000;isolation:isolate}
.contact-hero__wrap{position:relative;z-index:2;display:grid;gap:12px}
.contact-hero .tag{display:inline-block;background:#e8f0ff;color:#0b3b9c;border:1px solid #dbe7ff;border-radius:999px;padding:6px 12px;font-weight:600}
.contact-hero .title{margin:0;font-size:40px;line-height:1.15}
.contact-hero .sub{margin:0;max-width:760px;opacity:.95}
.contact-hero__bg{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.6)),
  url('https://images.unsplash.com/photo-1524758631624-e2822e304c36?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat}

/* Cards */
.contact-cards{padding:40px 0;background:#fff}
.contact-cards .grid{display:grid;gap:14px}
@media (min-width:700px){.contact-cards .grid{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border:1px solid #edf1f7;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.08);padding:14px;text-decoration:none;color:inherit;display:block}
.card .ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f3ff,#f3fcff);border:1px solid #e2ecfb;font-size:22px;margin-bottom:8px}
.card h3{margin:4px 0}
.card p{margin:0;color:#64748b}

/* Main */
.contact-main{padding:16px 0 60px;background:#fff}
.main-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}
@media (max-width:950px){.main-grid{grid-template-columns:1fr}}

.cform{background:#fff;border:1px solid #e6eefb;border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.cform h2{margin:0 0 10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:720px){.grid2{grid-template-columns:1fr}}
.field{display:grid;gap:6px}
.field-full{grid-column:1/-1}
.field label{color:#0f172a;font-weight:700}
.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #dde6f4;border-radius:12px;background:#fff;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 4px rgba(37,99,235,.25);border-color:#2563eb}
.err{color:#d93025;min-height:14px;font-size:12px}
.hp{position:absolute;left:-9999px;opacity:0}
.check{display:flex;align-items:center;gap:8px;margin-top:6px}
.check input{width:18px;height:18px}
.actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.btn-primary{background:#2563eb;color:#fff;border:none;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:800;box-shadow:0 10px 20px rgba(37,99,235,.25)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:#fff;color:#2563eb;border:1px solid #2563eb;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:800}
.btn-ghost:hover{background:#eff4ff}
.small{color:#64748b;font-size:12.5px;margin:6px 0 0}
.ok{margin-top:10px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:12px;padding:10px}

.map h2{margin:0 0 10px}
.map-wrap{border:1px solid #e6eefb;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.map iframe{width:100%;height:340px;border:0;display:block}
.slots{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
section.contact-cards h3 {
    font-size: 20px;
}.contact-hero__wrap h1 {
    color: white;
}