/* =========================================
   TYPE & UI POLISH — scoped to .page-delhi-mall
   - Modern type scale (fluid)
   - Better defaults (readability, spacing)
   - Clean buttons/forms/links
   ========================================= */

/* Full-page background for the whole site */
html, body { min-height: 100%; }

html, body { min-height: 100%; }

body{
  /* fallback color while image loads */
  background-color: #0b1220;

  /* image + readability wash */
  background:
    linear-gradient(180deg, rgba(2,6,23,.20), rgba(2,6,23,.35)),
    url('/assets/images/bg.png') center / cover no-repeat fixed;

  /* blend gradient over image */
  background-blend-mode: overlay;
}

/* smoother on phones/tablets (iOS hates fixed backgrounds) */
@media (max-width: 991.98px){
  body{ background-attachment: scroll; }
}

.page-delhi-mall{
  background-color: transparent !important; /* was var(--brand-bg) */
}
@media (max-width: 991.98px){
  body{ background-attachment: scroll; } /* smoother on phones/tablets */
}
    :root{ --brand:#5bc0de; --ink:#0f172a; --container:1400px; --panelRadius:16px; }

  /* ===== Top mini bar ===== */
  .small-top-bar{ background:var(--brand); color:#fff; font-size:.9rem; }
  .small-top-bar .container{ max-width:var(--container); margin:0 auto; padding:.4rem 1rem; display:flex; align-items:center; }
  .small-top-bar .fa{ margin-right:.4rem; }

  /* ===== Sticky shell ===== */
  #stickyHeaderWrap{ position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.92); backdrop-filter:blur(6px); border-bottom:1px solid #f0f0f0; }
  #stickyHeaderWrap.scrolled{ box-shadow:0 6px 18px -12px rgba(0,0,0,.35); }

  .navbar-wrapper-main{ max-width:1400px; margin:0 auto; }
 
  #stickyHeaderWrap .nav-left{ grid-column:1; grid-row:1 / span 2; display:flex; align-items:center; gap:12px; }
  #stickyHeaderWrap .logo-client img{ height:80px; display:block; }

  #stickyHeaderWrap .right-topb{ grid-column:2; grid-row:1 / span 2; display:grid; grid-template-rows:auto auto; align-items:center; }
  #stickyHeaderWrap .nav-right{ grid-row:1; justify-self:end; display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
  #stickyHeaderWrap .nav-center{ grid-row:2; justify-self:center; }

  #stickyHeaderWrap .menu{ list-style:none; margin:0; padding:0; display:flex; gap:14px;    align-items: flex-end; }
  #stickyHeaderWrap .menu a{ display:inline-flex; align-items:center; gap:.45rem; text-decoration:none; color:var(--ink); font-weight:600; }
  #stickyHeaderWrap .menu a:hover{ color:#0b7285; }
  #stickyHeaderWrap .menu i{ opacity:.9; }

  #stickyHeaderWrap .pill{ display:inline-flex; align-items:center; gap:.5rem; border:2px solid #0b7285; padding:.5rem .9rem; border-radius:999px; font-weight:700; color:#0b7285; background:#fff; white-space:nowrap; text-decoration:none; }
  #stickyHeaderWrap .pill.quote{ border-color:var(--brand); color:var(--brand); }
  #stickyHeaderWrap .pill .fa{ font-size:1.05rem; }

  /* Burger */
  #stickyHeaderWrap .hamburger{ display:none; border:0; background:none; font-size:1.6rem; padding:.35rem; cursor:pointer; color:var(--ink); }

  /* ===== Overlay (mobile) ===== */
  #navOverlay{
    position:fixed; inset:0; background:rgba(0,0,0,.38);
    z-index:999; opacity:0; pointer-events:none; transition:opacity .2s ease;
  }
  #navOverlay.active{ opacity:1; pointer-events:auto; }

  /* ===== Mobile rules (take precedence & override older CSS) ===== */
  @media (max-width: 900px){
    /* show burger */
    #stickyHeaderWrap .hamburger{ display:block; }

    /* hide the desktop block by default on mobile */
   

    /* when nav is open, convert it to a fixed slide-down panel */
    body.nav-open #stickyHeaderWrap .right-topb{
      display:block !important;
      position:fixed; left:0; right:0;
      top:var(--navTop, 60px);
      background:#fff; border-bottom:1px solid #eee; z-index:1001;
      border-bottom-left-radius:var(--panelRadius); border-bottom-right-radius:var(--panelRadius);
      box-shadow:0 18px 50px -20px rgba(2,6,23,.25);
      padding:12px 16px 16px;
      max-height:calc(100vh - var(--navTop, 60px)); overflow:auto;
      animation:drop .22s ease;
    }
    @keyframes drop{from{transform:translateY(-8px);opacity:.8}to{transform:translateY(0);opacity:1}}

    /* stack menu and actions */
    #stickyHeaderWrap .menu{ display:flex; flex-direction:column; align-items:flex-start; gap:.2rem; margin-top:.25rem; }
    #stickyHeaderWrap .menu li{ width:100%; }
    #stickyHeaderWrap .menu a{ width:100%; padding:.65rem 0; border-bottom:1px dashed #e5e7eb; }
    #stickyHeaderWrap .menu li:last-child a{ border-bottom:0; }

    #stickyHeaderWrap .nav-right{ display:flex; flex-direction:column; align-items:stretch; gap:.6rem; margin-top:.4rem; }
    #stickyHeaderWrap .nav-right .pill{ justify-content:center; width:100%; }
  }

  /* When open, lock scroll */
  body.nav-open{ overflow:hidden; }
.page-delhi-mall{
  /* Fonts */
  --ff-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  --ff-display: "Plus Jakarta Sans", var(--ff-sans);

  /* Type scale (fluid via clamp) */
  --fs-900: clamp(2.2rem, 1.2rem + 3.2vw, 3.2rem); /* h1 */
  --fs-800: clamp(1.8rem, 1.1rem + 2.4vw, 2.6rem); /* h2 */
  --fs-700: clamp(1.4rem, 1.0rem + 1.4vw, 2.0rem); /* h3 */
  --fs-600: clamp(1.2rem, .95rem + .8vw, 1.5rem);  /* h4 */
  --fs-500: 1.0625rem;                              /* h5 */
  --fs-400: 1rem;                                   /* base */
  --fs-300: .9375rem;                               /* small */
  --fs-200: .875rem;                                /* tiny */

  /* Leading & rhythm */
  --lh-tight: 1.15;
  --lh-body: 1.65;

  /* Colors (reuse your tokens where possible) */
  --ink-900: var(--brand-dark, #0f172a);
  --ink-700: #1f2937;
  --ink-500: var(--brand-muted, #475569);
  --ink-300: #94a3b8;

  /* Surfaces */
  --surface: #ffffff;
  --surface-muted: #f8fafc;

  /* Accents (you already set primary/secondary) */
  --accent-1: var(--brand-primary, #2155ff);
  --accent-2: var(--brand-secondary, #06b6d4);
}

/* Base text */
.page-delhi-mall,
.page-delhi-mall p,
.page-delhi-mall .card-elevated,
.page-delhi-mall .tab-content{
  font-family: var(--ff-sans);
  font-size: var(--fs-400);
  line-height: var(--lh-body);
  color: var(--ink-900);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Headings: use display font, tighter leading */
.page-delhi-mall h1, .page-delhi-mall .h1,
.page-delhi-mall h2, .page-delhi-mall .h2,
.page-delhi-mall h3, .page-delhi-mall .h3,
.page-delhi-mall h4, .page-delhi-mall .h4,
.page-delhi-mall h5, .page-delhi-mall .h5{
  font-family: var(--ff-display);
  font-weight: 800;
  letter-spacing: .005em;
  color: var(--ink-900);
  margin: 0 0 .4em;
  line-height: var(--lh-tight);
}
.page-delhi-mall h1,.page-delhi-mall .h1{ font-size: var(--fs-900); }
.page-delhi-mall h2,.page-delhi-mall .h2{ font-size: var(--fs-800); }
.page-delhi-mall h3,.page-delhi-mall .h3{ font-size: var(--fs-700); }
.page-delhi-mall h4,.page-delhi-mall .h4{ font-size: var(--fs-600); }
.page-delhi-mall h5,.page-delhi-mall .h5{ font-size: var(--fs-500); }

.page-delhi-mall .h-title{ /* your existing helper */
  font-family: var(--ff-display);
  font-weight: 900;
  letter-spacing: .01em;
  color: var(--ink-900);
}

.page-delhi-mall .lead{
  font-size: clamp(1.05rem, .95rem + .6vw, 1.25rem);
  color: var(--ink-700);
  line-height: 1.7;
}

/* Eyebrow / overline */
.page-delhi-mall .eyebrow{
  font-family: var(--ff-sans);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-500);
}

/* Links */
.page-delhi-mall a{ color: var(--accent-1); text-decoration: none; }
.page-delhi-mall a:hover{ text-decoration: underline; }

/* Buttons (tighten type + stronger focus) */
.page-delhi-mall .btn-cta{
  font-family: var(--ff-display);
  letter-spacing: .01em;
  font-weight: 800;
}
.page-delhi-mall .btn-ghost{
  font-family: var(--ff-sans);
  font-weight: 700;
  letter-spacing: .01em;
}

/* Chips / badges (more legible) */
.page-delhi-mall .badge-soft,
.page-delhi-mall .cta-chip,
.page-delhi-mall .benefit-chip{
  font-family: var(--ff-sans);
  font-weight: 800;
  letter-spacing: .01em;
}

/* Cards: spacing that respects the new rhythm */
.page-delhi-mall .card-elevated .card-body{ padding: clamp(18px, 2vw, 28px); }

/* Lists */
.page-delhi-mall ul, .page-delhi-mall ol{ padding-left: 1.1rem; }
.page-delhi-mall li{ margin: .25rem 0; }

/* Forms: readable, clear focus */
.page-delhi-mall .form-label, 
.page-delhi-mall label{ font-weight: 700; color: var(--ink-700); }
.page-delhi-mall .form-control{
  font-family: var(--ff-sans);
  font-size: var(--fs-400);
  border: 1px solid var(--brand-border);
  border-radius: var(--radius-md, 10px);
  padding: .62rem .8rem;
  background: #fff;
}
.page-delhi-mall .form-control::placeholder{ color: var(--ink-300); }
.page-delhi-mall .form-control:focus{
  border-color: var(--accent-1);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent-1) 20%, transparent);
  outline: 0;
}

/* Tables (if any) */
.page-delhi-mall table{ font-family: var(--ff-sans); }

/* Utilities */
.page-delhi-mall .text-gradient{
  background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.page-delhi-mall .muted{ color: var(--ink-500); }

/* Section spacing tuned for the new type scale */
.page-delhi-mall .section{ padding: clamp(42px, 5vw, 64px) 0; }
.page-delhi-mall .section-sm{ padding: clamp(28px, 3vw, 40px) 0; }

/* Respect reduced motion across the board */
@media (prefers-reduced-motion: reduce){
  .page-delhi-mall *{ animation: none !important; transition: none !important; }
}


.copy_right {
    background: #181819;
}

.copy_right p {
    letter-spacing: 2px;
}

.copy_right p a {
    color: #0ebeff
}

/* social-icons footer */

.w3social-icons-footer ul li {
    display: inline-block;
}

.w3social-icons-footer ul li a {
    color: #000;
    font-size: 20px;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 2.4;
    border: 2px solid #12c42a;
}

.w3social-icons-footer ul li a:hover {
    color: #12c42a;
    -webkit-box-shadow: 0px 0px 13px 2px #12c42a;
    -moz-box-shadow: 0px 0px 13px 2px #12c42a;
    box-shadow: 0px 0px 13px 2px #12c42a;
}


@media(max-width: 900px) {
    .footer-top i {
        font-size: 8em;
    }
}



@media(max-width: 600px) {
    .navbar-light .navbar-brand {
        font-size: 33px;
    }

    a.navbar-brand span {
        font-size: 7px;
    }

    .banner-w3lstexts.text-white h1 {
        font-size: 42px;
    }

    .footer-top h2 {
        font-size: 30px;
    }

    .footer-top h5 {
        font-size: 20px;
    }

    .footer-top i {
        font-size: 7em;
    }
}

@media(max-width: 480px) {
    .banner-w3lstexts.text-white h1 {
        font-size: 36px;
    }

    h4.text-uppercase {
        font-size: 16px;
        letter-spacing: 4px;
    }

    .banner-w3lstexts p {
        font-size: 12px;
    }

    a.banner-button,
    button.submit {
        font-size: 14px;
        padding: 11px 18px;
    }

    .bannerbg-w3l {
        min-height: 520px;
    }

    .left-build-wthree ul li i {
        font-size: 22px;
    }

    h3.tittle {
        font-size: 32px;
    }

    .w3social-icons-footer ul li a {
        font-size: 16px;
        width: 40px;
        height: 40px;
    }

    .footer-top h2 {
        font-size: 25px;
    }

    .desoSlide-overlay {
        width: 90% !important;
        left: -92% !important;
    }

    .portfolio-area li {
        width: 200px;
    }
}


@media(max-width: 490px) {
    .w3social-icons ul li a {
        font-size: 16px;
    }

    .header_right a {
        font-size: 14px;
    }

    .navbar-light .navbar-brand {
        font-size: 31px;
        margin: 0 0 5px;
    }

    .banner-w3lstexts p {
        font-size: 11px;
    }

    .bannerbg-w3l {
        min-height: 500px;
    }

    .banner-w3lstexts.text-white h1 {
        font-size: 34px;
    }

    .banner-w3lstexts {
        margin: 4em auto 0;
    }

    h3.title-w3ls {
        font-size: 26px;
    }

    p {
        font-size: 13px;
    }

    .left-build-wthree h4 {
        font-size: 26px;
    }

    .left-build-wthree h6 {
        font-size: 18px;
    }

    .left-build-wthree {
        margin-top: 16em;
    }

    .price-info-grid {
        width: 90%;
    }

    .footer-top h2 {
        font-size: 23px;
    }

    .footer-top h5 {
        font-size: 17px;
    }

    .footer-top i {
        font-size: 6em;
    }

    .address-grid i {
        font-size: 35px;
    }

    .portfolio-area li {
        width: 166px;
    }
    .ydm-logo img {
    height: 80px !important;
    display: block;
}
    .ydm-pill {
        font-size: 10px !important;
        width: 100%;
    }
}

@media(max-width: 384px) {

    .header_agileits_left ul li,
    .header_agileits_left ul li a {
        font-size: 13px;
        letter-spacing: .8px;
    }

    .w3social-icons {
        padding: 0 .5em;
    }

    .place-grid {
        padding: 0 .5em;
    }

    .left-build-wthree h4 {
        font-size: 23px;
    }

    h3.tittle {
        font-size: 30px;
    }

    .what-left i {
        font-size: 24px;
    }

    .price-info-grid {
        width: 100%;
    }

    .aboutright-agilewthree {
        padding: .5em 1.5em;
    }

    .w3social-icons-footer ul li a {
        font-size: 15px;
        width: 37px;
        height: 37px;
    }

    .w3_testimonials_grid h5 {
        font-size: 20px;
    }

    .left-build-wthree h6 {
        font-size: 16px;
    }

    .desoSlide-overlay {
        padding: 2em;
        top: 17% !important;
    }

    .portfolio-categ li {
        padding: 8px 9px;
        font-size: 14px;
    }

    .portfolio-area li {
        width: 152px;
    }

    .map h4 {
        font-size: 19px;
    }

    .login.mx-auto.mw-100 {
        padding: 0 !important;
    }

    .modal-body h5 {
        font-size: 22px;
    }
}

@media(max-width: 375px) {
    .banner-w3lstexts.text-white h1 {
        font-size: 32px;
    }

    h4.text-uppercase {
        font-size: 15px;
        letter-spacing: 4px;
    }

    a.banner-button,
    button.submit {
        font-size: 13px;
    }

    .w3social-icons-footer ul li a {
        font-size: 17px;
        width: 43px;
        height: 43px;
    }

    .footer-top h2 {
        line-height: 1.4;
    }
}

   :root{
                --brand:#5bc0de; --ink:#2c3e50; --muted:#7f8c8d; --container:1200px;
            }
            .small-top-bar{background:var(--brand);color:#fff;font-size:.9rem}
            .small-top-bar .container{max-width:var(--container);margin:0 auto;padding:.4rem 1rem;display:flex;align-items:center}
            .small-top-bar .fa{margin-right:.4rem}

            /* Sticky header wrapper */
            .sticky-header{position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.92); backdrop-filter:blur(6px); border-bottom:1px solid #f0f0f0}
            .sticky-header.scrolled{box-shadow:0 6px 18px -12px rgba(0,0,0,.35)}

            /* Main nav */
            .header-row{display:flex; align-items:center; justify-content:space-between; padding:.85rem 1rem; gap:1rem; width: 100%;}
            .nav-left{display:flex; align-items:center; gap:1rem}
            .logo-client img{    height: 104px; display:block}

            /* Menu */
            .menu{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:1.25rem;
                    width: 100%;
    justify-content: end;
            }
            .menu a{text-decoration:none; color:var(--ink); font-weight:500}
            .menu a:hover{color:#0b7285}

            /* Right pills / contact strip */
            .navM{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:1rem}
            .navM a{text-decoration:none; color:var(--ink)}
            .navM .fa{margin-right:.4rem}

            .pill{display:inline-flex; align-items:center; gap:.5rem; border:2px solid #0b7285; padding:.55rem 1rem; border-radius:999px; font-weight:700; text-decoration:none; color:#0b7285; background:#fff; white-space:nowrap}
            .pill.quote{border-color:var(--brand); color:var(--brand)}

            /* Layout: left logo, center menu, right actions */
            .nav-flex{display:flex; align-items:center; gap:1rem}
            .nav-center{flex:1; display:flex; justify-content:center}
            .nav-right{display:flex; align-items:center; gap:.75rem}

            /* Mobile */
            .hamburger{display:none; border:0; background:none; font-size:1.5rem; padding:.35rem; margin-left:.25rem; cursor:pointer}
            @media (max-width: 900px){
                .nav-center{justify-content:flex-start}
                .hamburger{display:block}
                .menu{position:fixed; left:0; right:0; top:60px; background:#fff; border-bottom:1px solid #eee; display:none; flex-direction:column; align-items:flex-start; padding:1rem; gap:.75rem}
                .menu.open{display:flex}
                .nav-right{display:none}
            }
            .right-topb{
                display: flex;
                gap: 32px;
                flex-direction: column;
            }

   /* ===== Overview v2 (scoped) ===== */
.page-delhi-mall .overview-v2 .text-gradient{
  background: linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

.page-delhi-mall .overview-v2 .notice-bar{
  display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 2px;
}
.page-delhi-mall .overview-v2 .chip{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:8px 12px; border-radius:999px; font-weight:800; font-size:.88rem;
  border:1px solid var(--brand-border); background:#fff; box-shadow:var(--shadow-xs);
}
.page-delhi-mall .overview-v2 .chip--primary{
  color:#fff; border-color:transparent;
  background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
}
.page-delhi-mall .overview-v2 .chip svg{width:16px; height:16px}

.page-delhi-mall .overview-v2 .key-points{
  margin:10px 0 0; padding-left:0; list-style:none; display:grid; gap:10px;
}
.page-delhi-mall .overview-v2 .key-points li{
  display:flex; gap:10px; align-items:flex-start;
  padding:10px 12px; border:1px dashed var(--brand-border);
  border-radius: var(--radius-md); background:#fff;
}
.page-delhi-mall .overview-v2 .key-points svg{flex:0 0 18px; margin-top:2px}

.page-delhi-mall .overview-v2 .stats-grid{
  margin-top:12px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px;
}
.page-delhi-mall .overview-v2 .stat{
  background:#fff; border:1px solid var(--brand-border);
  border-radius:var(--radius-lg); padding:12px 14px; box-shadow:var(--shadow-xs);
}
.page-delhi-mall .overview-v2 .stat .label{font-size:.8rem; color:var(--brand-muted); margin-bottom:4px}
.page-delhi-mall .overview-v2 .stat .value{font-weight:800; color:var(--brand-dark)}

@media (max-width: 991.98px){
  .page-delhi-mall .overview-v2 .stats-grid{grid-template-columns:1fr}
}
/* ===== Sticker strip ===== */
.page-delhi-mall .sticker-rail{
  display:grid; gap:14px;
  grid-template-columns:repeat(3,1fr);
}
@media (max-width: 991.98px){ .page-delhi-mall .sticker-rail{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 575.98px){ .page-delhi-mall .sticker-rail{grid-template-columns:1fr;} }

.page-delhi-mall .sticker{
  position:relative; background:#fff; border:1px solid var(--brand-border);
  border-radius:var(--radius-lg); padding:14px 14px; box-shadow:var(--shadow-xs);
  display:flex; gap:10px; align-items:flex-start; transition:transform .15s ease, box-shadow .2s ease;
}
.page-delhi-mall .sticker:hover{ transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.page-delhi-mall .sticker--primary{ border-color:transparent; }
.page-delhi-mall .sticker--primary::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
  border-top-left-radius:var(--radius-lg); border-bottom-left-radius:var(--radius-lg);
  background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
}

.page-delhi-mall .sticker .icon{
  flex:0 0 22px; width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center;
}
.page-delhi-mall .sticker .title{font-weight:800; line-height:1.15;}
.page-delhi-mall .sticker .sub{font-size:.88rem; color:var(--brand-muted); line-height:1.2; margin-top:2px;}
.row2left{
    margin-top: 24px !important;
    margin-bottom: 24px;
}
/* ===== Zoning (image-driven) ===== */
.page-delhi-mall .zoning .text-gradient{
  background: linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.page-delhi-mall .zoning .z-head{margin-bottom:16px}
.page-delhi-mall .zoning .z-head .lead{color:#1f2937}

.page-delhi-mall .zoning .zone-grid{
  display:grid; gap:16px; grid-template-columns:repeat(4,1fr);
}
@media (max-width: 1199.98px){ .page-delhi-mall .zoning .zone-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 575.98px){ .page-delhi-mall .zoning .zone-grid{grid-template-columns:1fr;} }

.page-delhi-mall .zoning .zone-card{
  position:relative; border-radius:var(--radius-xl); overflow:hidden;
  box-shadow:var(--shadow-sm); border:1px solid var(--brand-border);
  aspect-ratio:16/9; background:#0b1220;
  transition:transform .15s ease, box-shadow .2s ease;
}
.page-delhi-mall .zoning .zone-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); }

.page-delhi-mall .zoning .zone-card .bg{
  position:absolute; inset:0; background:var(--bg, none) center/cover no-repeat;
  transform:scale(1.02); transition:transform .35s ease;
}
.page-delhi-mall .zoning .zone-card:hover .bg{ transform:scale(1.06); }

.page-delhi-mall .zoning .zone-card::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.06) 10%, rgba(0,0,0,.55) 80%);
}

.page-delhi-mall .zoning .zone-card .zone-content{
  position:absolute; left:16px; right:16px; bottom:14px; z-index:2; color:#fff;
}
.page-delhi-mall .zoning .zone-badge{
  display:inline-block; font-size:.75rem; font-weight:800; letter-spacing:.04em;
  padding:6px 10px; border-radius:999px; margin-bottom:8px;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:saturate(180%) blur(6px);
}
.page-delhi-mall .zoning .zone-title{margin:0; font-weight:900; line-height:1.15;}
.page-delhi-mall .zoning .zone-sub{margin:2px 0 0; opacity:.9; font-size:.95rem ; }
.zone-content .zone-sub{color: white;}

.page-delhi-mall .zoning .zone-detail.card-elevated{overflow:hidden;    width: 100%;
}
.page-delhi-mall .zoning .zone-img{
  position:relative; border-radius:var(--radius-xl); overflow:hidden; height:100%;
  min-height:260px; background:#0b1220;
}
.page-delhi-mall .zoning .zone-img::before{content:""; display:block; padding-top:56%;}
.page-delhi-mall .zoning .zone-img > img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.page-delhi-mall .zoning .zone-detail .card-body{padding:22px}
@media (min-width: 992px){
  .page-delhi-mall .zoning .zone-detail .card-body{padding:24px 26px}
}

/* small helper to invert layout on alternating rows */
.page-delhi-mall .zoning .row-alt{ flex-direction: row-reverse; }

/* ===== Connectivity & Catchment ===== */
.page-delhi-mall .connectivity .text-gradient{
  background: linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.page-delhi-mall .accordion-elevated .card{
  border:1px solid var(--brand-border);
  border-radius:var(--radius-xl);
  overflow:hidden; box-shadow:var(--shadow-sm); margin-bottom:12px;
}
.page-delhi-mall .accordion-elevated .card-header{
  background:linear-gradient(90deg, rgba(33,85,255,.05), rgba(6,182,212,.05));
  border-bottom:1px solid var(--brand-border);
  padding:14px 16px;
}
.page-delhi-mall .accordion-elevated .btn-acc{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  font-weight:800; color:var(--brand-dark); text-align:left;
}
.page-delhi-mall .accordion-elevated .btn-acc .hint{
  font-size:.95rem; color:var(--brand-muted); font-weight:600;
}
.page-delhi-mall .accordion-elevated .btn-acc .chev{
  transition:transform .2s ease; margin-left:10px;
}
.page-delhi-mall .accordion-elevated .btn-acc[aria-expanded="true"] .chev{
  transform:rotate(180deg);
}
.page-delhi-mall .accordion-elevated .card-body{ padding:18px 18px; }

.page-delhi-mall .lm-grid{
  display:grid; gap:16px; grid-template-columns:repeat(5,1fr);
}
@media (max-width:1199.98px){ .page-delhi-mall .lm-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:767.98px){  .page-delhi-mall .lm-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:479.98px){  .page-delhi-mall .lm-grid{grid-template-columns:1fr;} }

.page-delhi-mall .lm-card{
  position:relative; background:#fff; border:1px solid var(--brand-border);
  border-radius:var(--radius-lg); padding:14px; box-shadow:var(--shadow-xs);
  transition:transform .15s ease, box-shadow .2s ease;
  display:flex; gap:12px; align-items:flex-start;
}
.page-delhi-mall .lm-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.page-delhi-mall .lm-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
  background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));
  border-top-left-radius:var(--radius-lg); border-bottom-left-radius:var(--radius-lg);
}
.page-delhi-mall .lm-icon{ width:28px; height:28px; flex:0 0 28px; opacity:.9; }
.page-delhi-mall .lm-title{ margin:0; font-weight:800; line-height:1.15; }
.page-delhi-mall .lm-sub{ margin:2px 0 0; color:var(--brand-muted); font-size:.92rem; }

.page-delhi-mall .radius-wrap{
  display:grid; gap:16px; grid-template-columns:repeat(3,1fr);
}
@media (max-width:991.98px){ .page-delhi-mall .radius-wrap{grid-template-columns:1fr;} }

.page-delhi-mall .radius-card{
  background:#fff; border:1px solid var(--brand-border);
  border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); overflow:hidden;
}
.page-delhi-mall .radius-card .hd{
  background:linear-gradient(90deg, rgba(33,85,255,.06), rgba(6,182,212,.06));
  border-bottom:1px solid var(--brand-border); padding:12px 16px;
  display:flex; align-items:center; justify-content:space-between;
}
.page-delhi-mall .radius-card .hd .meta{ color:var(--brand-muted); font-weight:700; }
.page-delhi-mall .radius-card .bd{ padding:14px; }

.page-delhi-mall .tag-list{
  display:flex; flex-wrap:wrap; gap:10px;
}
.page-delhi-mall .tag{
  display:inline-flex; align-items:center; padding:8px 12px;
  border-radius:999px; border:1px solid var(--brand-border); background:#fff;
  box-shadow:var(--shadow-xs); font-weight:700; font-size:.92rem;
}
.page-delhi-mall .tag svg{ margin-right:8px; }
/* ===== Online Booking (dropdown) ===== */
.page-delhi-mall .cta-accordion .card { margin-bottom: 0; }
.page-delhi-mall .cta-chip-row{
  display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 6px;
}
.page-delhi-mall .cta-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px; font-weight:800; font-size:.92rem;
  border:1px solid var(--brand-border); background:#fff; box-shadow:var(--shadow-xs);
}
.page-delhi-mall .cta-chip--primary{
  background:linear-gradient(90deg, rgba(33,85,255,.08), rgba(6,182,212,.08));
  border-color:rgba(6,182,212,.25);
}

.page-delhi-mall .count-box{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  border:1px dashed rgba(2,6,23,.18); border-radius:var(--radius-lg);
  padding:10px 14px; background:#fff; margin:8px 0 14px;
}
.page-delhi-mall .count-num{
  font-weight:900; letter-spacing:.04em; font-size:1.05rem;
  background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.page-delhi-mall .count-label{ color:var(--brand-muted); font-weight:700; }

@media (max-width:575.98px){
  .page-delhi-mall .count-box{flex-direction:column; align-items:flex-start;}
}
/* Disabled CTA state */
.page-delhi-mall .btn-cta.is-disabled{
  opacity:.5; pointer-events:none; cursor:not-allowed;
}
/* ===== Brand section (desktop grid + mobile rail) ===== */
.page-delhi-mall .brand-head{
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #083b2e; /* deep green like reference */
  font-size: clamp(24px, 3.6vw, 44px);
  margin-bottom: 26px;
}

.page-delhi-mall .brand-grid{

  align-items: center;
    -webkit-column-gap: 60px;
    column-gap: 60px;
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 75px;
    max-width: 959px;
    row-gap: 20px;
    width: 92%;
}

.page-delhi-mall .brand-card{
  display:flex; align-items:center; justify-content:center;
  padding: clamp(8px, 1.5vw, 14px);
  min-height: 90px;
  transition: transform .15s ease, filter .2s ease, opacity .2s ease;
  background: #fff;
  border-radius: 12px;
}
.page-delhi-mall .brand-card img{
  max-height: 92px; width:auto; height:auto; object-fit:contain;
  filter: grayscale(24%); opacity:.9;
}
.page-delhi-mall .brand-card:hover{
  transform: translateY(-2px);
}
.page-delhi-mall .brand-card:hover img{
  filter: none; opacity: 1;
}

/* Mobile / tablet rail */
.page-delhi-mall .brand-rail-mobile{ display:none; }
.page-delhi-mall .brand-rail-mobile{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--brand-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  padding: 12px;
}
.page-delhi-mall .brand-rail-mobile .rail-track{
  display:flex; align-items:center; gap: 36px;
  width:max-content;
  animation: brand-rail 28s linear infinite;
}
.page-delhi-mall .brand-rail-mobile img{
  height:60px; width:auto; object-fit:contain;
  filter: grayscale(20%); opacity:.95;
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}
.page-delhi-mall .brand-rail-mobile img:hover{
  filter:none; opacity:1; transform: translateY(-2px);
}

@keyframes brand-rail{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Breakpoints:
   - Show grid on >=992px
   - Show moving rail below 992px (tablets & phones)
*/
@media (max-width: 991.98px){
  .page-delhi-mall .brand-grid{ display:none; }
  .page-delhi-mall .brand-rail-mobile{ display:block; }
}
@media (max-width: 575.98px){
  .page-delhi-mall .brand-rail-mobile img{ height:52px; }
}
/* ===== Fix/override: brand rail must never cause horizontal scroll ===== */
.page-delhi-mall #clients{ overflow-x: clip; } /* extra safety for this section */

/* Show rail only on tablets/phones, hide desktop grid there */
@media (max-width: 991.98px){
  .page-delhi-mall .brand-grid{ display:none !important; }
  .page-delhi-mall .brand-rail-mobile{ display:block !important; }
}

/* Rail container: clip horizontally, don’t let children expand layout */
.page-delhi-mall .brand-rail-mobile{
  width:100%;
  position:relative;
  overflow-x:hidden;             /* prevents page from widening */
  overflow-y:visible;
  background:#fff;
  border:1px solid var(--brand-border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-sm);
  padding:12px 10px;
}

/* Optional: fade the edges for a nicer look on mobile */
@supports (-webkit-mask-image: linear-gradient(black, black)){
  .page-delhi-mall .brand-rail-mobile{
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%);
  }
}

/* The moving track — never affects layout width outside the rail */
.page-delhi-mall .brand-rail-mobile .rail-track{
  display:flex;
  align-items:center;
  gap: clamp(14px, 5vw, 36px);
  width:max-content;              /* track can be long, but is clipped by parent */
  will-change: transform;
  transform: translate3d(0,0,0);
  animation: brandRailMove 26s linear infinite;
}

/* Fluid, safe logo sizing */
.page-delhi-mall .brand-rail-mobile img{
  flex: 0 0 auto;                 /* don’t let flexbox squeeze/stretch logos */
  height: clamp(40px, 8vw, 60px); /* responsive height */
  width:auto;
  max-width:none;                 /* avoid unexpected shrinking causing wrap */
  object-fit:contain;
  filter: grayscale(20%);
  opacity:.95;
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}
.page-delhi-mall .brand-rail-mobile img:hover{
  filter:none; opacity:1; transform: translateY(-2px);
}

/* Desktop grid remains as-is; minor polish */
.page-delhi-mall .brand-grid .brand-card img{
  max-height: 66px;
  width:auto;
  object-fit:contain;
}

@keyframes brandRailMove{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* we duplicated the logos, so -50% loops cleanly */
}

/* Small phones: slightly smaller logos for tighter viewports */
@media (max-width: 575.98px){
  .page-delhi-mall .brand-rail-mobile img{ height: 48px; }
}
/* .accordion-elevated{
    width: 100%;
}
.btn .btn-acc .collapsed{
    width: 100%;
} */
 .brands-section{
    display: flex;justify-content:"center";    flex-direction: column;
    align-items: center;
 }
 /* ---------- QUICK SCOPING / BUG FIXES ---------- */
.page-delhi-mall{ background:var(--brand-bg); color:#0b1220; } /* replaces ".page-delhi-mall body" */
.page-delhi-mall .section-sm{ padding:32px 0; display:flex; justify-content:center; flex-direction:column; align-items:center; } /* remove quotes */
.page-delhi-mall .destop-cta{ /* legacy support */ position:absolute; right:85px; bottom:22px; }
.page-delhi-mall .desktop-cta{ position:absolute; right:85px; bottom:22px; } /* preferred name */

/* ---------- BETTER BUTTONS ---------- */
.page-delhi-mall .btn-cta,
.page-delhi-mall .btn-ghost{
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease, background-color .2s ease, color .2s ease;
}
.page-delhi-mall .btn-cta:focus-visible,
.page-delhi-mall .btn-ghost:focus-visible{
  outline: 3px solid rgba(33,85,255,.35);
  outline-offset: 2px;
}
.page-delhi-mall .btn-ghost:hover{ background: #f8fbff; }

/* Disabled CTA (aria-friendly) */
.page-delhi-mall .btn-cta.is-disabled{
  opacity:.5; pointer-events:none; cursor:not-allowed;
}

/* ---------- CARDS & ELEVATION POLISH ---------- */
.page-delhi-mall .card-elevated{ border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); }
.page-delhi-mall .card-elevated:hover{ box-shadow:var(--shadow-md); transform: translateY(-1px); }

/* ---------- HERO IMAGE: keep it crisp ---------- */
.page-delhi-mall .hero-banner img{ aspect-ratio:21/7; object-fit:cover; }

/* ---------- ACCESSIBILITY: respect reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .page-delhi-mall .brands-track,
  .page-delhi-mall .brand-rail-mobile .rail-track{ animation: none !important; }
  .page-delhi-mall .carousel,
  .page-delhi-mall .carousel .carousel-item{ transition:none !important; }
}

/* ---------- STICKER RAIL: slightly tighter look on hover ---------- */
.page-delhi-mall .sticker .title{ font-weight:900; }
.page-delhi-mall .sticker:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }

/* ---------- STATUS TABS: sharper pills ---------- */
.page-delhi-mall .nav-tabs .nav-link{
  border-radius:999px !important;
  font-weight:800;
  padding:10px 18px;
}
.page-delhi-mall .badge-state{ letter-spacing:.02em; }

/* ---------- MODAL: clearer feedback ---------- */
.page-delhi-mall .broker-modal .alert{ border-radius: var(--radius-md); }

/* ---------- MOBILE CTA VISIBILITY LOGIC ---------- */
@media (max-width: 1200.98px){
  .page-delhi-mall .desktop-cta, .page-delhi-mall .destop-cta{ display:none !important; }
  .page-delhi-mall .real-estate-cta{ display:block; }
}
.accordion-elevated{
    width: 100%;
}
.accordion-elevated .card{
    width: 100%;
}
/* ===== Broker CTA – Pro look ===== */
.page-delhi-mall .broker-cta-pro{
  position:relative; overflow:hidden;
  background:#fff; border:1px solid var(--brand-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  transition: transform .18s ease, box-shadow .22s ease;
}
.page-delhi-mall .broker-cta-pro:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* gradient edge + soft blobs */
.page-delhi-mall .broker-cta-pro::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:6px;
  background: linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));
}
.page-delhi-mall .broker-accent{
  position:absolute; right:-80px; top:-80px; width:260px; height:260px;
  background: radial-gradient(closest-side, rgba(33,85,255,.18), transparent 70%);
  filter: blur(6px); pointer-events:none;
}
@media (max-width: 575.98px){
  .page-delhi-mall .broker-accent{ right:-120px; top:-120px; width:300px; height:300px; }
}

/* copy */
.page-delhi-mall .broker-cta-pro .dot{
  width:8px; height:8px; border-radius:50%;
  margin-right:8px; background:var(--brand-secondary); display:inline-block;
}
.page-delhi-mall .broker-cta-pro .cta-title{
  font-weight:900; color:var(--brand-dark);
}
.page-delhi-mall .broker-cta-pro .cta-sub{ max-width: 48ch; }

/* benefits */
.page-delhi-mall .benefit-row{
  display:flex; flex-wrap:wrap; gap:8px; 
}
.page-delhi-mall .benefit-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:#fff; border:1px solid var(--brand-border); 
  box-shadow: var(--shadow-xs); font-weight:800; font-size:.9rem;
}
.page-delhi-mall .benefit-chip svg{ opacity:.9 }

/* trust */
.page-delhi-mall .trust-row{
  display:flex; align-items:center; gap:12px;
}
.page-delhi-mall .avatars{ display:flex; }
.page-delhi-mall .avatar{
  width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  font-weight:800; font-size:.75rem; color:#0b1220; background:#e2f8ff; border:1px solid #bae6fd;
  margin-left:-6px; box-shadow: var(--shadow-xs);
}
.page-delhi-mall .avatar:first-child{ margin-left:0; }
.page-delhi-mall .trust-copy{ font-size:.92rem; color:var(--brand-muted); }
.page-delhi-mall .trust-copy .stars{ letter-spacing:.08em; margin-right:6px; color:#f59e0b; }

/* big button */
.page-delhi-mall .btn-lg{ padding:16px 22px; font-size:1.02rem; }

/* gradient text helper */
.page-delhi-mall .grad{
  background: linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.page-delhi-mall .btn-magnetic{ position:relative; will-change: transform; }
.page-delhi-mall .btn-magnetic:hover{ transform: translateY(-2px); }
.page-delhi-mall .btn-magnetic:active{ transform: translateY(-1px); }
/* ===== Intro card – premium look (scoped) ===== */
.page-delhi-mall .intro-pro{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--brand-border);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(1000px 420px at 10% -10%, rgba(33,85,255,.08), transparent 60%),
    linear-gradient(180deg, #fff, #fff);
}
.page-delhi-mall .intro-pro::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:6px;
  background: linear-gradient(180deg, var(--brand-primary), var(--brand-secondary));
}
.page-delhi-mall .intro-pro .intro-accent{
  position:absolute; right:-90px; bottom:-90px; width:260px; height:260px;
  background: radial-gradient(closest-side, rgba(6,182,212,.18), transparent 70%);
  filter: blur(6px); pointer-events:none;
}
@media (max-width:575.98px){
  .page-delhi-mall .intro-pro .intro-accent{ right:-120px; bottom:-120px; width:320px; height:320px; }
}

/* Bulleted quick points */
.page-delhi-mall .intro-bullets{
  list-style:none; padding:0; margin:0;
  display:grid; gap:8px;
}
.page-delhi-mall .intro-bullets li{
  display:flex; gap:8px; align-items:flex-start;
  padding:10px 12px;
  border:1px dashed var(--brand-border);
  border-radius: var(--radius-md);
  background:#fff;
  color:#0b1220;
}
.page-delhi-mall .intro-bullets svg{ flex:0 0 18px; margin-top:2px; opacity:.9; }

/* Chips */
.page-delhi-mall .intro-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.page-delhi-mall .chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  font-weight:800; font-size:.92rem;
  background:#fff; border:1px solid var(--brand-border); box-shadow: var(--shadow-xs);
}
.page-delhi-mall .chip--primary{
  border-color: transparent;
  background: linear-gradient(90deg, rgba(33,85,255,.08), rgba(6,182,212,.08));
}

/* Stat tiles */
.page-delhi-mall .intro-stats{
  display:grid; gap:10px; grid-template-columns:repeat(2,1fr);
}
@media (max-width: 991.98px){
  .page-delhi-mall .intro-stats{ grid-template-columns:repeat(2,1fr); }
}
.page-delhi-mall .i-stat{
  background:#fff;
  border:1px solid var(--brand-border);
  border-radius: var(--radius-lg);
  padding:12px 14px;
  box-shadow: var(--shadow-xs);
}
.page-delhi-mall .i-stat .label{ font-size:.8rem; color:var(--brand-muted); margin-bottom:4px; }
.page-delhi-mall .i-stat .value{
  font-weight:900; font-size:1.15rem; line-height:1.1; color:var(--brand-dark);
  letter-spacing:.01em;
}
.page-delhi-mall .i-stat .sub{ font-size:.88rem; color:var(--brand-muted); }
    :root{
      --brand:#5bc0de;
      --ink:#0f172a;
      --muted:#6b7280;
      --radius:16px;
      --container:1400px;
    }

    /* Top info strip */
    .small-top-bar{
      background:var(--brand);
      color:#fff;
      font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
      font-size:.92rem;
    }
    .small-top-bar .container{
      max-width:var(--container);
      margin:0 auto;
      padding:.4rem 1rem;
      display:flex; align-items:center; gap:10px;
    }
    .small-top-bar .fa{ margin-right:.4rem; }

    /* Sticky header */
    #stickyHeaderWrap{
      position:sticky; top:0; z-index:1000;
      background:rgba(255,255,255,.94);
      backdrop-filter: blur(6px);
      border-bottom:1px solid #eef2f6;
      transition: box-shadow .2s ease;
      font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
    }
    #stickyHeaderWrap.scrolled{ box-shadow:0 8px 28px -18px rgba(2,6,23,.35); }

    .navbar-wrapper-main{ max-width:var(--container); margin:0 auto; }
    .header-row{
      display:flex; align-items:center; justify-content:space-between;
      padding:.85rem 1rem; gap:1rem;
    }

    .nav-left{ display:flex; align-items:center; gap:12px; }
    .logo-client img{ height:80px; display:block; }

    /* Desktop layout (unchanged) */
    .nav-center{ display:flex; justify-content:flex-start; }
    .menu{
      list-style:none; margin:0; padding:0;
      display:flex; align-items:center; gap:14px;
    }
    .menu a{
      display:inline-flex; align-items:center; gap:.45rem;
      text-decoration:none; color:var(--ink);
      font-weight:600;
    }
    .menu a:hover{ color:#0b7285; text-decoration:none; }
    .menu i{ opacity:.9; }

    .nav-right{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
    .pill{
      display:inline-flex; align-items:center; gap:.5rem;
      border:2px solid #0b7285; padding:.5rem .9rem;
      border-radius:999px; font-weight:700; color:#0b7285; background:#fff;
      text-decoration:none; white-space:nowrap;
    }
    .pill.quote{ border-color:var(--brand); color:var(--brand); }
    .pill .fa{ font-size:1.05rem; }

    /* MOBILE: wrapper that becomes the slide-down panel.
       On desktop it's display:contents so it doesn't affect layout. */
    #stickyHeaderWrap .right-topb{ display:contents; }

    .hamburger{
      display:none; border:0; background:none; font-size:1.6rem; padding:.35rem;
      cursor:pointer; color:var(--ink);
    }

    /* Overlay for mobile */
    #navOverlay{
      position:fixed; inset:0; background:rgba(0,0,0,.38);
      z-index:999; opacity:0; pointer-events:none; transition:opacity .2s ease;
    }
    #navOverlay.active{ opacity:1; pointer-events:auto; }

    /* Mobile behavior */
    @media (max-width: 900px){
      .hamburger{ display:block; }


      /* When open, show as fixed slide-down panel */
      body.nav-open #stickyHeaderWrap .right-topb{
        display:block;
        position:fixed; left:0; right:0;
        top:var(--navTop, 60px);
        background:#fff; border-bottom:1px solid #eee; z-index:1001;
        border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius);
        box-shadow:0 18px 50px -20px rgba(2,6,23,.25);
        padding:12px 16px 16px;
        max-height:calc(100vh - var(--navTop, 60px));
        overflow:auto;
        animation:drop .22s ease;
      }
      @keyframes drop{from{transform:translateY(-8px);opacity:.85}to{transform:translateY(0);opacity:1}}

      /* Stack menu & actions inside panel */
      #stickyHeaderWrap .right-topb .nav-center{ margin-bottom:6px; }
      #stickyHeaderWrap .right-topb .menu{
        flex-direction:column; align-items:flex-start; gap:.2rem; margin:0;
      }
      #stickyHeaderWrap .right-topb .menu li{ width:100%; }
      #stickyHeaderWrap .right-topb .menu a{
        width:100%; padding:.75rem 0; border-bottom:1px dashed #e5e7eb;
      }
      #stickyHeaderWrap .right-topb .menu li:last-child a{ border-bottom:0; }

      #stickyHeaderWrap .right-topb .nav-right{
        flex-direction:column; align-items:stretch; gap:.6rem;
      }
      #stickyHeaderWrap .right-topb .nav-right .pill{ justify-content:center; width:100%; }
    }

    /* Lock scroll when nav open */
    body.nav-open{ overflow:hidden; }

      :root{ --brand:#5bc0de; --ink:#0f172a; --panelRadius:16px; --container:1400px; }

  .small-top-bar{ background:var(--brand); color:#fff; font-size:.92rem; }
  .small-top-bar .container{ max-width:var(--container); margin:0 auto; padding:.4rem 1rem; display:flex; align-items:center; gap:.5rem; }
  .small-top-bar .fa{ margin-right:.35rem; }

  #stickyHeaderWrap{ position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.94); backdrop-filter:blur(6px); border-bottom:1px solid #eef2f6; transition:box-shadow .2s ease; }
  #stickyHeaderWrap.scrolled{ box-shadow:0 8px 28px -18px rgba(2,6,23,.35); }
  .navbar-wrapper-main{ max-width:var(--container); margin:0 auto; }
  .header-row{ display:flex; align-items:center; justify-content:space-between; padding:.85rem 1rem; gap:1rem; }
  .nav-left{ display:flex; align-items:center; gap:12px; }
  .logo-client img{ height:80px; display:block; }

  .nav-center{ display:flex; justify-content:flex-start; }
  .menu{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:14px; }
  .menu a{ display:inline-flex; align-items:center; gap:.45rem; text-decoration:none; color:var(--ink); font-weight:600; }
  .menu a:hover{ color:#0b7285; text-decoration:none; }
  .menu i{ opacity:.9; }
  .nav-right{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
  .pill{ display:inline-flex; align-items:center; gap:.5rem; border:2px solid #0b7285; padding:.5rem .9rem; border-radius:999px; font-weight:700; color:#0b7285; background:#fff; text-decoration:none; white-space:nowrap; }
  .pill.quote{ border-color:var(--brand); color:var(--brand); }
  .pill .fa{ font-size:1.05rem; }

  /* Desktop: wrapper behaves like two siblings */
  #stickyHeaderWrap .right-topb{ display:contents; }

  .hamburger{ display:none; border:0; background:none; font-size:1.6rem; padding:.35rem; cursor:pointer; color:var(--ink); }

  /* Overlay controlled by data-open, not body class */
  #navOverlay{
    position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:999;
    opacity:0; pointer-events:none; transition:opacity .2s ease;
  }
  #navOverlay[data-open="true"]{ opacity:1; pointer-events:auto; }

  /* ===== Mobile panel (attribute-driven) ===== */
  @media (max-width:900px){
    .hamburger{ display:block; }

     .carousss{
    gap: 16px !important;
  }

    /* By default: hidden */
    #stickyHeaderWrap .right-topb#mobilePanel{
      display:block;                 /* becomes a block container on mobile */
      position:fixed; left:0; right:0;
      top:var(--navTop,60px);
      background:#fff; border-bottom:1px solid #eee; z-index:1001;
      border-bottom-left-radius:var(--panelRadius); border-bottom-right-radius:var(--panelRadius);
      box-shadow:0 18px 50px -20px rgba(2,6,23,.25);
      padding:12px 16px 16px;
      max-height:calc(100vh - var(--navTop,60px));
      overflow:auto;

      /* hidden state */
      transform: translateY(-10px);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition: transform .22s ease, opacity .22s ease, visibility 0s linear .22s;
    }

    /* Visible when data-open="true" */
    #stickyHeaderWrap .right-topb#mobilePanel[data-open="true"]{
      transform:none;
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transition: transform .22s ease, opacity .22s ease;
    }

    /* Stack menu and actions inside the panel */
    #stickyHeaderWrap .right-topb#mobilePanel .nav-center{ margin-bottom:6px; }
    #stickyHeaderWrap .right-topb#mobilePanel .menu{
      flex-direction:column; align-items:flex-start; gap:.25rem; margin:0;
    }
    #stickyHeaderWrap .right-topb#mobilePanel .menu li{ width:100%; }
    #stickyHeaderWrap .right-topb#mobilePanel .menu a{
      width:100%; padding:.75rem 0; border-bottom:1px dashed #e5e7eb;
    }
    #stickyHeaderWrap .right-topb#mobilePanel .menu li:last-child a{ border-bottom:0; }

    #stickyHeaderWrap .right-topb#mobilePanel .nav-right{
      flex-direction:column; align-items:stretch; gap:.6rem;
    }
    #stickyHeaderWrap .right-topb#mobilePanel .nav-right .pill{ justify-content:center; width:100%; }}

    :root{
  --ydm-brand:#5bc0de;
  --ydm-ink:#0f172a;
  --ydm-container:1400px;
  --ydm-radius:16px;
}
.ydm-scope{ font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; }

/* Top mini bar */
.ydm-topbar{ background:var(--ydm-brand); color:#fff; font-size:.92rem; }
.ydm-topbar .ydm-cont{ max-width:var(--ydm-container); margin:0 auto; padding:.4rem 1rem; display:flex; align-items:center; gap:.5rem; }
.ydm-topbar .fa{ margin-right:.35rem; }

/* Sticky header shell */
#ydmHeader{
  position:sticky; top:0; z-index:1000;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(6px);
  border-bottom:1px solid #eef2f6;
  transition: box-shadow .2s ease;
}
#ydmHeader.ydm--scrolled{ box-shadow:0 8px 28px -18px rgba(2,6,23,.35); }

.ydm-cont{ max-width:var(--ydm-container); margin:0 auto; }
.ydm-row{ display:flex; align-items:center; justify-content:space-between; padding:.85rem 1rem; gap:1rem; }

.ydm-left{ display:flex; align-items:center; gap:12px; }
.ydm-logo img{     height: 109px; display:block; }

.ydm-burger{
  display:none; border:0; background:none; font-size:1.6rem; padding:.35rem; cursor:pointer; color:var(--ydm-ink);
}

/* Panel: desktop = inline row; mobile = fixed drawer */
#ydmNavPanel{
  display:flex; align-items:center; gap:18px;
}
.ydm-menu{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:flex-end; gap:14px;
}
.ydm-menu a{
  display:inline-flex; align-items:center; gap:.45rem;
  text-decoration:none; color:var(--ydm-ink); font-weight:600;
}
.ydm-menu a:hover{ color:#0b7285; }

.ydm-actions{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.ydm-pill{
  display:inline-flex; align-items:center; gap:.5rem;
  border:2px solid #0b7285; padding:.5rem .9rem; border-radius:999px;
  font-weight:700; color:#0b7285; background:#fff; text-decoration:none; white-space:nowrap;
}
.ydm-pill--accent{ border-color:var(--ydm-brand); color:var(--ydm-brand); }
.ydm-pill .fa{ font-size:1.05rem; }

/* Overlay for mobile */
#ydmOverlay{
  position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:999;
  opacity:0; pointer-events:none; transition:opacity .2s ease;
}
#ydmOverlay[data-open="true"]{ opacity:1; pointer-events:auto; }

/* ===== Mobile behaviour ===== */
@media (max-width:1300px){
  .ydm-burger{ display:block; }

  /* nav panel becomes a fixed drawer (hidden by default) */
  #ydmNavPanel{
    position:fixed; left:0; right:0;
    top:var(--ydmNavTop,118px);
    background:#fff; border-bottom:1px solid #eee; z-index:1001;
    border-bottom-left-radius:var(--ydm-radius); border-bottom-right-radius:var(--ydm-radius);
    box-shadow:0 18px 50px -20px rgba(2,6,23,.25);
    padding:12px 16px 16px;
    max-height:calc(100vh - var(--ydmNavTop,60px));
    overflow:auto;

    /* hidden state */
    transform: translateY(-10px);
    opacity:0; visibility:hidden; pointer-events:none;
    transition: transform .22s ease, opacity .22s ease, visibility 0s linear .22s;

    /* layout inside drawer */
    display:block;
  }
  #ydmNavPanel[data-open="true"]{
    transform:none; opacity:1; visibility:visible; pointer-events:auto;
  }

  .ydm-menu{ flex-direction:column; align-items:flex-start; gap:.25rem; margin:0 0 .5rem 0; }
  .ydm-menu li{ width:100%; }
  .ydm-menu a{ width:100%; padding:.75rem 0; border-bottom:1px dashed #e5e7eb; }
  .ydm-menu li:last-child a{ border-bottom:0; }

  .ydm-actions{ flex-direction:column; align-items:stretch; gap:.6rem; }
  .ydm-actions .ydm-pill{ justify-content:center; width:100%; }
  .ydm-pill{
font-size: 18px;
width: 100%;
}
.ydm-left{
    width: 100%;
    justify-content: space-between;
}
}
@media (max-width:800px){
.ydm-pill{
font-size: 18px;
width: 100%;
}
.ydm-left{
        justify-content: space-between;
}
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  #ydmNavPanel{ transition:none !important; }
  #ydmOverlay{ transition:none !important; }
}
/* ===== Mobile/Tablet Floating Agent CTA (scoped) ===== */
.page-delhi-mall .agent-fab{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  display: none;                           /* hidden by default, shown <1200px */
  align-items: center; gap: 10px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  background: rgba(255,255,255,.96);
  border-top: 1px solid var(--brand-border, #e2e8f0);
  box-shadow: 0 -10px 30px rgba(2,6,23,.10);
  z-index: 1030;                           /* below bootstrap modal (1050) */
  backdrop-filter: blur(6px);
}

.page-delhi-mall .agent-fab__btn{
  flex: 1 1 auto;
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  border-radius: 999px;
  text-align: center;
  white-space: nowrap;
  padding: 14px 18px;
}

.page-delhi-mall .agent-fab__close{
  flex: 0 0 auto;
  appearance: none; border: 1px solid var(--brand-border, #e2e8f0);
  background: #fff; color: #0b1220;
  width: 38px; height: 38px; line-height: 1; border-radius: 999px;
  font-size: 24px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-xs, 0 2px 10px rgba(2,6,23,.06));
}
.page-delhi-mall .agent-fab__close:hover{ background:#f8fafc; }

@media (max-width: 1200.98px){
  .page-delhi-mall .agent-fab{ display: flex; }
}

/* Hide the bar when a Bootstrap modal is open */
.modal-open .page-delhi-mall .agent-fab{ display: none !important; }
/* Accordion button responsiveness */
.page-delhi-mall .btn-acc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;       /* allow wrapping on small screens */
  gap: 4px;
  text-align: left;
  width: 100%;
}

/* Default look: text + hint + chevron in one row */
.page-delhi-mall .btn-acc span,
.page-delhi-mall .btn-acc .hint {
  font-size: 1rem;
}

/* Very narrow devices: stack text + hint */
@media (max-width: 480px) {
  .page-delhi-mall .btn-acc {
    flex-direction: column;     /* stack vertically */
    align-items: flex-start;    /* left-align text */
    gap: 2px;
  }

  .page-delhi-mall .btn-acc .chev {
    margin-left: auto;          /* keep chevron on the right */
    transform: translateY(-2px);
  }

  .page-delhi-mall .btn-acc .hint {
    font-size: 0.88rem;
    color: var(--brand-muted, #475569);
    font-weight: 600;
  }
 
}

/* Ultra-thin screens: shrink font slightly */
@media (max-width: 360px) {
  .page-delhi-mall .btn-acc span {
    font-size: 0.95rem;
  }
  .page-delhi-mall .btn-acc .hint {
    font-size: 0.8rem;
  }
}
.footer-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.overview-v2{
    padding-bottom: 0 !important;
}
.art-foot{
    padding-left: 0;
    padding-right: 0;
}
.s-title{
    font-size: 32px !important;
}