* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Poppins', sans-serif;
      background-color: #fffef3;
      color: #edf2f7;
      line-height: 1.5;
      overflow-x: hidden;
      width: 100%;
    }

    .bdc-container {
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      padding-inline: clamp(1rem, 5vw, 3rem);
    }

    .bdc-section {
      padding-block: clamp(2.5rem, 8vh, 6rem);
    }

    h1, h2, h3, h4 {
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.02em;
    }

    h1 {
      font-size: clamp(2.4rem, 10vw, 3rem);
      background: linear-gradient(to right, #FFA163, #F1EDD2 53%, #036B67);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      margin-bottom: 0.3em;
    }

    h2 {
      font-size: clamp(1.8rem, 6vw, 3rem);
      margin-bottom: 1.5rem;
      letter-spacing: -0.02em;
      font-weight: 800;
      text-align: center;
      color: #036B67;
    }

    p {
      color: #4a4a4a;
      font-size: clamp(0.875rem, 2.5vw, 1rem);
    }

    .section-header h2 {
      font-size: clamp(16px, 2vw, 18px);
      color: #716f60;
      letter-spacing: 2.6px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 30px;
      text-transform: uppercase;
    }

    /* dark bg adjustment */
    .dark-bg .section-header h2 {
      color: #a89f8c;
    }

    /* ===== HERO CITY WATERMARK ===== */
.hero-city-watermark {
    position: absolute;
    top: 15%;   /* earlier 50% */
    left: 40%;
    transform: translate(-50%, -50%);
    font-size: clamp(3rem, 14vw, 10rem);
    font-weight: 900;
    color: rgba(255, 161, 99, 0.07);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
    z-index: 1;
    line-height: 1;
}

    /* ===== UNIQUE HERO: INDIA + NOIDA FOCUS ===== */
    .noida-india-hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      isolation: isolate;
      background-color: #0b1a1f;
      padding-block: clamp(3rem, 8vh, 5rem);
      margin-top: 60px;
      overflow: hidden;
    }

    .india-map-bg {
      position: absolute;
      inset: 0;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" opacity="0.15"><path fill="none" stroke="%23FFA163" stroke-width="1.5" d="M270 130 L230 190 L210 250 L190 290 L200 340 L250 370 L310 380 L360 350 L400 300 L430 250 L440 190 L420 150 L370 120 L310 110 L270 130Z" /><circle cx="300" cy="240" r="25" fill="none" stroke="%23F1EDD2" stroke-width="2" stroke-dasharray="4 4"/><path d="M150 400 L200 450 L300 470 L400 440 L480 380 L520 300" stroke="%23036B67" stroke-width="1.2" fill="none" stroke-dasharray="6 3"/></svg>');
      background-size: cover;
      background-position: center;
      opacity: 0.5;
      z-index: 1;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(1.5rem, 4vw, 2.5rem);
      align-items: center;
      position: relative;
      z-index: 10;
    }

    .hero-left {
      animation: fadeUp 0.9s forwards;
      opacity: 0;
      transform: translateY(20px);
    }

    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }

    .india-tag {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: rgba(255,161,99,0.15);
      backdrop-filter: blur(6px);
      padding: 0.5rem 1.4rem;
      border-radius: 60px;
      border: 1px solid rgba(255,161,99,0.4);
      margin-bottom: 1.5rem;
      color: #ffe1c6;
    }

    .hero-sub {
      margin: 1.2rem 0 2.5rem;
      color: #cbd5e1;
      font-size: clamp(1rem, 3.2vw, 1.4rem);
      line-height: 1.6;
    }

    .btn-group {
      display: flex;
      gap: clamp(0.75rem, 2vw, 1rem);
      flex-wrap: wrap;
    }

    .btn {
      padding: 0.8rem 1.8rem;
      border-radius: 60px;
      font-weight: 600;
      border: 1px solid;
      cursor: pointer;
      transition: 0.25s ease;
      background: transparent;
      font-size: clamp(0.85rem, 2.5vw, 1rem);
      text-decoration: none;
      display: inline-block;
    }

    .btn-primary {
      background: #FFA163;
      color: #0b1a1f;
      border-color: #fcd5a5;
      box-shadow: 0 8px 20px -8px #036B67;
    }

    .btn-secondary {
      border-color: #FFA163;
      color: #FFA163;
      backdrop-filter: blur(8px);
    }

    .btn:hover {
      transform: translateY(-3px) scale(1.02);
      box-shadow: 0 20px 25px -10px black;
    }

    .hero-right {
      display: flex;
      justify-content: center;
      perspective: 1200px;
    }

    .glass-card {
      background: rgba(10, 30, 35, 0.7);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 32px;
      padding: 1.8rem;
      width: 100%;
      max-width: 480px;
      box-shadow: 0 25px 40px -12px #00000080;
      transition: transform 0.1s ease;
      animation: float 6s infinite ease-in-out;
    }

    @keyframes float {
      0% { transform: translateY(0); }
      50% { transform: translateY(-12px) rotateX(0.5deg) rotateY(0.5deg); }
    }

    .india-illu {
      width: 100%;
      aspect-ratio: 1.2/1;
      background: linear-gradient(145deg, #ffac6b, #d4cdb0, #036B67);
      border-radius: 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: clamp(1.2rem, 4vw, 1.6rem);
      color: #0a1e2a;
      border: 2px solid rgba(255,255,240,0.5);
    }

    .mini-map {
      font-size: 2rem;
      letter-spacing: 4px;
    }

    /* responsive hero */
    @media screen and (max-width: 900px) {
      .hero-grid { grid-template-columns: 1fr; }
      .hero-right { order: -1; }
      .hero-left { text-align: center; }
      .btn-group { justify-content: center; }
    }
    @media screen and (max-width: 480px) {
      .btn { white-space: normal; width: 100%; max-width: 260px; }
      .btn-group { flex-direction: column; align-items: center; }
    }

    /* ===== SECTION 1: INDIA-CONNECTIVITY (unique) ===== */
    .india-connect {
      background: #fffef3;
    }

    .connect-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1.5rem, 3vw, 2rem);
      margin-top: 2rem;
    }

    .connect-card {
      background: rgba(252, 250, 235, 0.9);
      border-radius: 2rem;
      padding: 2rem 1.5rem;
      border: 1px solid #d7d6cc;
      backdrop-filter: blur(10px);
      transition: 0.2s;
    }

    .connect-card:hover {
      border-color: #FFA163;
      transform: translateY(-5px);
    }

    .connect-icon {
      font-size: 2.5rem;
      margin-bottom: 1.2rem;
      background: #036B6710;
      width: fit-content;
      padding: 0.6rem;
      border-radius: 18px;
    }

    .connect-card h3 {
      color: #036B67;
      font-size: 1.3rem;
      margin-bottom: 0.5rem;
    }

    .connect-card p {
      color: #4a4a4a;
      font-size: 0.95rem;
    }

    .city-tag {
      margin-top: 1rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }
    .city-tag span {
      background: #eae6d3;
      padding: 0.3rem 1rem;
      border-radius: 30px;
      font-size: 0.8rem;
      font-weight: 500;
      color: #2d4f4b;
    }

    /* ===== SECTION 2: INDIA MAP PULSE (custom visual) ===== */
    .india-pulse {
      background: #0e2329; /* dark */
      color: #edf2f7;
    }

    .pulse-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(2rem, 4vw, 3rem);
      align-items: center;
    }

    .pulse-visual {
      background: rgba(255,255,255,0.02);
      border-radius: 2rem;
      padding: 2rem;
      border: 1px solid #FFA16320;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    .pulse-map-symbol {
      position: relative;
      width: 100%;
      aspect-ratio: 1/0.9;
      background: #1a2f36;
      border-radius: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.5rem;
      overflow: hidden;
    }

    .pulse-dot-noida {
      position: absolute;
      width: 22px;
      height: 22px;
      background: #FFA163;
      border-radius: 50%;
      top: 45%;
      left: 58%;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 0 0 rgba(255,161,99,0.7);
      animation: pulse-orange 2s infinite;
    }
    @keyframes pulse-orange {
      0% { box-shadow: 0 0 0 0 #FFA163; }
      70% { box-shadow: 0 0 0 25px rgba(255,161,99,0); }
    }

    .pulse-line {
      position: absolute;
      top: 30%; left: 20%; width: 60%; height: 2px;
      background: linear-gradient(90deg, transparent, #F1EDD2, #036B67, transparent);
      transform: rotate(15deg);
    }

    .pulse-cities {
      display: flex;
      flex-wrap: wrap;
      gap: 0.8rem 1.5rem;
      justify-content: center;
    }
    .pulse-cities span {
      color: #F1EDD2;
      border-bottom: 1px dashed #FFA163;
      font-size: 0.9rem;
    }

    .pulse-text h3 {
      color: #FFA163;
      font-size: 1.8rem;
      margin-bottom: 1rem;
    }
    .pulse-text p {
      color: #c0bfb0;
      margin-bottom: 1.5rem;
    }
    .pulse-stats {
      display: flex;
      gap: 2rem;
    }
    .pulse-stats div {
      font-weight: 700;
      color: #F1EDD2;
    }
    .pulse-stats div span {
      font-size: 2rem;
      color: #FFA163;
      display: block;
    }

    @media (max-width: 800px) {
      .pulse-grid { grid-template-columns: 1fr; }
      .pulse-visual { order: -1; }
    }

    /* ===== SECTION 3: NOIDA – THE GATEWAY (cards with India context) ===== */
    .gateway {
      background: #fffef3;
    }
    .gateway-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
    }
    .gateway-card {
      background: #FCFAEB;
      border-radius: 2rem;
      padding: 2rem;
      border: 1px solid #d7d6cc;
      position: relative;
      overflow: hidden;
    }
    .gateway-card::before {
      content: "";
      position: absolute;
      top: 0; right: 0;
      width: 120px; height: 120px;
      background: radial-gradient(circle at top right, #FFA16320, transparent 70%);
      border-radius: 50%;
    }
    .gateway-card h3 {
      color: #036B67;
      font-size: 1.5rem;
      margin-bottom: 1rem;
      display: flex;
      gap: 0.5rem;
      align-items: center;
    }
    .gateway-card p {
      color: #3a3a3a;
      margin-bottom: 1.5rem;
    }
    .india-route {
      display: flex;
      flex-wrap: wrap;
      gap: 0.6rem;
      background: #eae6d3;
      padding: 0.8rem 1.2rem;
      border-radius: 50px;
      font-size: 0.9rem;
      font-weight: 500;
      color: #1e4f49;
    }

    @media (max-width: 700px) {
      .gateway-grid { grid-template-columns: 1fr; }
    }




    @media (max-width: 900px) {
      .contact-grid { grid-template-columns: 1fr; }
    }

    /* extra utility */
    .text-light { color: #d1d5db; }
    .eco-connect {
        background: #fffef3;
    }
    .eco-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: clamp(2rem, 4vw, 3rem);
        align-items: center;
        background: #FCFAEB;
        border-radius: 2.5rem;
        padding: clamp(2rem, 5vw, 3rem);
        border: 1px solid #d7d6cc;
    }
    .eco-content h3 {
        font-size: clamp(1.5rem, 3vw, 2rem);
        color: #036B67;
        margin-bottom: 1.2rem;
    }
    .eco-content p {
        color: #3a3a3a;
        font-size: 1.1rem;
        margin-bottom: 1.8rem;
    }
    .eco-badges {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }
    .eco-badges span {
        background: #eae6d3;
        padding: 0.4rem 1.4rem;
        border-radius: 40px;
        font-weight: 600;
        color: #2d4f4b;
        font-size: 0.9rem;
    }
    .eco-stats {
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
        background: #0b1a1f;
        border-radius: 2rem;
        padding: 2rem 1.8rem;
    }
    .eco-stats div {
        font-size: 1.2rem;
        color: #F1EDD2;
        border-bottom: 1px dashed #FFA16340;
        padding-bottom: 0.8rem;
        display: flex;
        justify-content: space-between;
    }
    .eco-stats div span {
        font-size: 2rem;
        font-weight: 700;
        color: #FFA163;
        line-height: 1;
    }
    .eco-stats div:last-child {
        border-bottom: none;
    }
    @media (max-width: 700px) {
        .eco-grid { grid-template-columns: 1fr; }
        .eco-stats { order: -1; }
    }

    /* ===== FAQ STYLING (exactly like colocation page) ===== */
    .faq {
        background: #fffef3;
    }
    .faq-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(1.5rem, 3vw, 2rem);
        align-items: start;
    }
    .faq-item {
        background: #FCFAEB;
        border-radius: 1.5rem;
        padding: 1.2rem 1.5rem;
        cursor: pointer;
        border: 1px solid rgba(3,107,103,0.1);
    }
    .faq-col {
        display: flex;
        flex-direction: column;
        gap: clamp(1rem, 2vw, 2rem);
    }
    .faq-item h4 {
        font-size: clamp(0.95rem, 2vw, 1.1rem);
        color: #036B67;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
    }
    .faq-item .answer {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s;
        color: #333;
        font-size: 0.9rem;
    }
    .faq-item.active .answer {
        max-height: 200px;
        margin-top: 0.8rem;
    }
    @media (max-width: 768px) {
        .faq-grid { grid-template-columns: 1fr; }
    }

    /* ===== HERO STYLES (already present, but ensure no missing pieces) ===== */
    .noida-india-hero {
        position: relative;
        min-height: 100vh;
        display: flex;
        align-items: center;
        isolation: isolate;
        background-color: #0b1a1f;
        padding-block: clamp(3rem, 8vh, 5rem);
        margin-top: 60px;
        overflow: hidden;
    }
    .india-map-bg {
        position: absolute;
        inset: 0;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" opacity="0.15"><path fill="none" stroke="%23FFA163" stroke-width="1.5" d="M270 130 L230 190 L210 250 L190 290 L200 340 L250 370 L310 380 L360 350 L400 300 L430 250 L440 190 L420 150 L370 120 L310 110 L270 130Z" /><circle cx="300" cy="240" r="25" fill="none" stroke="%23F1EDD2" stroke-width="2" stroke-dasharray="4 4"/><path d="M150 400 L200 450 L300 470 L400 440 L480 380 L520 300" stroke="%23036B67" stroke-width="1.2" fill="none" stroke-dasharray="6 3"/></svg>');
        background-size: cover;
        background-position: center;
        opacity: 0.5;
        z-index: 1;
    }
    .hero-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(1.5rem, 4vw, 2.5rem);
        align-items: center;
        position: relative;
        z-index: 10;
    }
    .hero-left {
        animation: fadeUp 0.9s forwards;
        opacity: 0;
        transform: translateY(20px);
    }
    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }
    .india-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: rgba(255,161,99,0.15);
        backdrop-filter: blur(6px);
        padding: 0.5rem 1.4rem;
        border-radius: 60px;
        border: 1px solid rgba(255,161,99,0.4);
        margin-bottom: 1.5rem;
        color: #ffe1c6;
    }
    .hero-sub {
        margin: 1rem 0 2rem;
        color: #cbd5e1;
        font-size: clamp(0.95rem, 3vw, 1.2rem);
    }
    .btn-group {
        display: flex;
        gap: clamp(0.75rem, 2vw, 1rem);
        flex-wrap: wrap;
    }
    .btn {
        padding: 0.8rem 1.8rem;
        border-radius: 60px;
        font-weight: 600;
        border: 1px solid;
        cursor: pointer;
        transition: 0.25s ease;
        background: transparent;
        font-size: clamp(0.85rem, 2.5vw, 1rem);
        text-decoration: none;
        display: inline-block;
    }
    .btn-primary {
        background: #FFA163;
        color: #0b1a1f;
        border-color: #fcd5a5;
        box-shadow: 0 8px 20px -8px #036B67;
    }
    .btn-secondary {
        border-color: #FFA163;
        color: #FFA163;
        backdrop-filter: blur(8px);
    }
    .btn:hover {
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 20px 25px -10px black;
    }
    .hero-right {
        display: flex;
        justify-content: center;
        perspective: 1200px;
    }
    .glass-card {
        background: rgba(10, 30, 35, 0.7);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 32px;
        padding: 1.8rem;
        width: 100%;
        max-width: 480px;
        box-shadow: 0 25px 40px -12px #00000080;
        transition: transform 0.1s ease;
        animation: float 6s infinite ease-in-out;
    }
    @keyframes float {
        0% { transform: translateY(0); }
        50% { transform: translateY(-12px) rotateX(0.5deg) rotateY(0.5deg); }
    }
    .india-illu {
        width: 100%;
        aspect-ratio: 1.2/1;
        background: linear-gradient(145deg, #ffac6b, #d4cdb0, #036B67);
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: clamp(1.2rem, 4vw, 1.6rem);
        color: #0a1e2a;
        border: 2px solid rgba(255,255,240,0.5);
    }
    .mini-map { font-size: 2rem; letter-spacing: 4px; }

    @media screen and (max-width: 900px) {
        .hero-grid { grid-template-columns: 1fr; }
        .hero-right { order: -1; }
        .hero-left { text-align: center; }
        .btn-group { justify-content: center; }
    }
    @media screen and (max-width: 480px) {
        .btn { white-space: normal; width: 100%; max-width: 260px; }
        .btn-group { flex-direction: column; align-items: center; }
    }

    /* ===== INDIA CONNECT SECTION ===== */
    .india-connect { background: #fffef3; }
    .connect-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: clamp(1.5rem, 3vw, 2rem);
        margin-top: 2rem;
    }
    .connect-card {
        background: rgba(252, 250, 235, 0.9);
        border-radius: 2rem;
        padding: 2rem 1.5rem;
        border: 1px solid #d7d6cc;
        backdrop-filter: blur(10px);
        transition: 0.2s;
    }
    .connect-card:hover { border-color: #FFA163; transform: translateY(-5px); }
    .connect-icon {
        font-size: 2.5rem;
        margin-bottom: 1.2rem;
        background: #036B6710;
        width: fit-content;
        padding: 0.6rem;
        border-radius: 18px;
    }
    .connect-card h3 {
        color: #036B67;
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
    }
    .connect-card p { color: #4a4a4a; font-size: 0.95rem; }
    .city-tag {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .city-tag span {
        background: #eae6d3;
        padding: 0.3rem 1rem;
        border-radius: 30px;
        font-size: 0.8rem;
        font-weight: 500;
        color: #2d4f4b;
    }

    /* responsive: connect grid */
    @media (max-width: 900px) {
        .connect-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 580px) {
        .connect-grid {
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        .connect-card {
            padding: 1.5rem 1.2rem;
            border-radius: 1.5rem;
        }
        .section-header h2 {
            font-size: clamp(13px, 3.5vw, 16px);
            letter-spacing: 1.8px;
        }
    }

    /* ===== INDIA PULSE SECTION ===== */
    .india-pulse {
        background: #0e2329;
        color: #edf2f7;
    }
    .pulse-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(2rem, 4vw, 3rem);
        align-items: center;
    }
    .pulse-visual {
        background: rgba(255,255,255,0.02);
        border-radius: 2rem;
        padding: 2rem;
        border: 1px solid #FFA16320;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .pulse-map-symbol {
        position: relative;
        width: 100%;
        aspect-ratio: 1/0.9;
        background: #1a2f36;
        border-radius: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
        overflow: hidden;
    }
    .pulse-dot-noida {
        position: absolute;
        width: 22px;
        height: 22px;
        background: #FFA163;
        border-radius: 50%;
        top: 45%;
        left: 58%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 0 0 rgba(255,161,99,0.7);
        animation: pulse-orange 2s infinite;
    }
    @keyframes pulse-orange {
        0% { box-shadow: 0 0 0 0 #FFA163; }
        70% { box-shadow: 0 0 0 25px rgba(255,161,99,0); }
    }
    .pulse-line {
        position: absolute;
        top: 30%; left: 20%; width: 60%; height: 2px;
        background: linear-gradient(90deg, transparent, #F1EDD2, #036B67, transparent);
        transform: rotate(15deg);
    }
    .pulse-cities {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem 1.5rem;
        justify-content: center;
    }
    .pulse-cities span {
        color: #F1EDD2;
        border-bottom: 1px dashed #FFA163;
        font-size: 0.9rem;
    }
    .pulse-text h3 {
        color: #FFA163;
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .pulse-text p {
        color: #c0bfb0;
        margin-bottom: 1.5rem;
    }
    .pulse-stats {
        display: flex;
        gap: 2rem;
    }
    .pulse-stats div {
        font-weight: 700;
        color: #F1EDD2;
    }
    .pulse-stats div span {
        font-size: 2rem;
        color: #FFA163;
        display: block;
    }
    @media (max-width: 800px) {
        .pulse-grid { grid-template-columns: 1fr; }
        .pulse-visual { order: -1; }
    }

    /* ===== GATEWAY SECTION ===== */
    .gateway { background: #fffef3; }
    .gateway-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    .gateway-card {
        background: #FCFAEB;
        border-radius: 2rem;
        padding: 2rem;
        border: 1px solid #d7d6cc;
        position: relative;
        overflow: hidden;
    }
    .gateway-card::before {
        content: "";
        position: absolute;
        top: 0; right: 0;
        width: 120px; height: 120px;
        background: radial-gradient(circle at top right, #FFA16320, transparent 70%);
        border-radius: 50%;
    }
    .gateway-card h3 {
        color: #036B67;
        font-size: 1.5rem;
        margin-bottom: 1rem;
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }
    .gateway-card p {
        color: #3a3a3a;
        margin-bottom: 1.5rem;
    }
    .india-route {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
        background: #eae6d3;
        padding: 0.8rem 1.2rem;
        border-radius: 50px;
        font-size: 0.9rem;
        font-weight: 500;
        color: #1e4f49;
    }
    @media (max-width: 700px) {
        .gateway-grid { grid-template-columns: 1fr; }
    }