@media(max-width:1200px){
}
@media(max-width:991px){
    .nav-icon3 {
        display: none;
    }
    .my-sidenav {
        width: 0px;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        overflow-x: hidden;
        z-index: 999999999;
        height: 100vh;
        max-width: 0px;
        width: 100%;
        background-color:#003974;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .my-sidenav>ul {
        padding: 0px 20px 0px;
    }
    .my-sidenav>ul>li>ul {
        margin-top: 0px;
        display: none;
    }
    .my-sidenav ul.submenu li ul.submenu {
        display: none;
        position: static;
        width: 100%;
    }
    .my-sidenav ul {
        list-style-type: none;
        padding-left: 15px;
    }
    .my-sidenav ul li
    {
        border-bottom: 1px solid #ffffff;
        padding: 15px 0px;
    }
    .my-sidenav > ul > li > ul >li
    {
        border-bottom: 1px solid #ffffff;
        padding: 10px 0px;
    }
    .my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
    {
        border-bottom: 0px;
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .my-sidenav ul.submenu li ul.submenu li a {
        color: #ffffff;
        font-size: 16px;
    }

    .cross-btn1 {
        text-align: right;
        padding: 16px 14px 0px 0px;
        color: #fff;
        font-size: 35px;
        cursor: pointer;
    }
    .my-sidenav .submenu-indicator-minus .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-sidenav .submenu-indicator {
        font-size: 30px;
        position: absolute;
        line-height: 25px;
        right: 15px;
    }
    .my-sidenav>ul>li>a {
        color: #ffffff;
        font-size:18px;
        display:block;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 14px;
    }
    .my-sidenav>ul>li>ul>li>a img {
        padding-right: 0;
        float: right;
        padding-left: 50px;
    }

}

@media(max-width:991px){
    .header-inner { padding: 12px 16px; }
    .report-subtitle { display: none; }
    .hero-container { justify-content: center; align-items: center; }
    .banner-right-panel { align-items: center; text-align: center; }
    .brp-heading { text-align: center; }
    .brp-icons-bottom { justify-content: center; gap: 22px;}
}

@media (max-width: 767px) {
    .header-logo img { height: 36px; }
    .header-divider, .header-title { display: none; }
    .menu-btn { padding: 11px 18px; }
    /* Hero: stack as a normal flow — video block on top, then icons,
       then heading + button. Text shows by default (no fade-on-video-end). */
    .hero-section { height: auto; min-height: 0; display: flex; flex-direction: column; }
    .hero-video-wrap { position: relative; inset: auto; width: 100%; height: 85vh; }
    .hero-container { position: static; transform: none; height: auto; width: 100%; padding: 28px 16px 40px; pointer-events: auto; }
    .banner-right-panel { opacity: 1; width: 100%; align-items: center; }
    .brp-icons-bottom { order: 1; margin: 0 0 26px; }
    .brp-heading { order: 2; font-size: clamp(28px, 8vw, 40px); margin-bottom: 22px; }
    .brp-cta { order: 3; }
    .brp-icon-circle img { width:46px; height: 46px; }
    .brp-icon-item span { font-size: 12.5px; }
    .graph-pair { grid-template-columns: 1fr; gap: 36px; }

    /* Performance Highlights: remove top split heading; show eyebrow + title
       above the image instead of below it */
    .ph-headwrap { display: none; }
    .ph-mobile-head { display: block; text-align: center; margin-bottom: 4px; }
    .ph-mobile-head .ph-eyebrow { margin-bottom: 6px; }
    .ph-mobile-head .ph-box-title { font-size: 28px; line-height: 34px; margin:0px 15px; }
    .ph-img { margin-top: 22px; }
    .ph-databox > .ph-eyebrow, .ph-databox > .ph-box-title { display: none; }

}
@media(max-width:991px){
    .chairman-row { flex-direction: column; align-items: center; min-height: 0; padding-top: 90px; }
    .chairman-img-col { flex: none; max-width: 360px; width: 100%; order: 2; }
    .chairman-content-col { flex: none; align-self: auto; padding: 0 0 30px; max-width: 600px; text-align: center; order: 1; }
    .chairman-content-col .cta-read-more { margin-left: auto; margin-right: auto; }
    /* Managing Director: stack the same way as the Chairman on mobile */
    .md-section .chairman-row { flex-direction: column; }
    .md-section .chairman-content-col { padding: 0 0 30px; margin-left: auto; margin-right: auto; }

    .pf-titlebar { left: 50%; top: 7%; transform: translateX(-50%); width: 90%; max-width: 520px; text-align: center; }
    .pf-cardframe { top: 0; left: 50%; height: 100vh; }
    .pf-figs { display: none; }

    .growth-tabs { grid-template-columns: repeat(2, 1fr); gap: 8px 16px; }
    .growth-tab { font-size: 15px; padding-bottom: 14px; }
    .stat-grid { grid-template-columns: repeat(2, 1fr); }
    .stat:nth-child(3n+1) { border-left: 1px solid #e6e6e6; padding-left: 34px; }
    .stat:nth-child(2n+1) { border-left: none; padding-left: 0; }
    .stat:nth-child(n+3) { border-top: 1px solid #e6e6e6; margin-top: 22px; padding-top: 30px; }

    .ph-grid { grid-template-columns: repeat(2, 1fr); }
    .ph-cell:nth-child(3n+1) { border-left: 1px solid #e6e6e6; padding-left: 30px; }
    .ph-cell:nth-child(2n+1) { border-left: none; padding-left: 0; }
    .ph-cell:nth-child(n+3) { border-top: 1px solid #e6e6e6; margin-top: 14px; padding-top: 26px; }
}

@media (max-width: 600px) {
    .growth-tabs { grid-template-columns: 1fr 1fr; }
    .stat-grid { grid-template-columns: 1fr; }
    .stat, .stat:nth-child(3n+1), .stat:nth-child(2n+1) { border-left: none; padding-left: 0; }
    .stat:nth-child(n+2) { border-top: 1px solid #e6e6e6; margin-top: 20px; padding-top: 24px; }

    .ph-databox { padding: 0px 0px; }
    .ph-grid { grid-template-columns: repeat(2, 1fr); }
    .ph-cell { padding: 14px; }
    .ph-cell { position: relative; }
    .ph-cell:nth-child(2n+1) { border-left: none; padding-left: 0; }
    .ph-cell:nth-child(2n) { border-left: 1px solid #e6e6e6; }
    .ph-cell:nth-child(n+3) { border-top: 1px solid #e6e6e6; margin-top: 18px; padding-top: 18px; }
    /* right-column cells in rows 2 & 3: inset the vertical divider so it
       doesn't touch the horizontal divider at the top */
    .ph-cell:nth-child(2n):nth-child(n+3) { border-left: none; }
    .ph-cell:nth-child(2n):nth-child(n+3)::before {
        content: ""; position: absolute; left: 0; top: 18px; bottom: 0;
        width: 1px; background: #e6e6e6;
    }
    .ph-num { font-size: clamp(20px, 6vw, 28px); }
    .ph-label { font-size: 16px; }

    .bsp-title { font-size: 30px; }
    .ph-num .unit
    {
        font-size: 16px;
        color: #8e278f;
    }
}

/* About AEL — stack on mobile */
@media (max-width: 991px) {
    .about-section { min-height: 0; }
    .about-section > .container { flex-direction: column; min-height: 0; align-items: stretch; }
    .about-content { width: 100%; padding: 60px 0 34px; }
    .about-media { position: static; width: 100%; height: auto; }
    .about-media img { height: 320px; }
}

/* Business slider — tablet: smaller fixed card sizes */
@media (max-width: 1024px) {
    .bsp-section { --bsp-card: 280px; --bsp-active: 560px; --bsp-h: 400px; }
    .bsp-pic { width: 560px; }
    .bsp-caption { left: 28px; bottom: 32px; }
    .bsp-caption h5 { font-size: 18px; line-height: 24px; }
}
/* Phone: one full-width card; the active = normal so it behaves as a plain carousel */
@media (max-width: 640px) {
    .bsp-section { --bsp-card: 86vw; --bsp-active: 86vw; --bsp-h: 360px; }
    .bsp-pic { width: 86vw; }
    .bsp-colwrap { padding-left: 7vw; }
}

/* Business Model — capital tabs */
@media (max-width: 991px) {
    .bm-title { font-size: 30px; }
    .bm-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; gap: 24px; -webkit-overflow-scrolling: touch; }
    .bm-tab { white-space: nowrap; flex: 0 0 auto; }
    .bm-tab[data-tab="0"], .bm-tab[data-tab="5"] { padding-left: 4px; padding-right: 4px; }
    .bm-cap-title { font-size: 24px; }
    .bm-bottom-grid { grid-template-columns: 1fr; gap: 34px; }
    .bm-stats { max-width: 520px; }
}
@media (max-width: 700px) {
    .bm-head { flex-wrap: wrap; }
    .bm-io { grid-template-columns: 1fr; }
    .bm-io-col + .bm-io-col { border-left: none; border-top: 1px solid #e3e3e3; }
    .bm-model { gap: 22px 16px; }
    .bm-model-item { width:100%; }
}

/* Business Model — tabs become a dropdown on mobile */
@media (max-width: 767px) {
    .bm-tabs { display: none; }
    .bm-select {
        display: block; width: 100%; margin-bottom: 20px;
        appearance: none; -webkit-appearance: none; -moz-appearance: none;
        font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: 600; color: #007979;
        background-color: #fff;
        border: 1px solid #007979; border-radius: 8px;
        padding: 14px 44px 14px 16px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e278f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
        background-repeat: no-repeat; background-position: right 16px center;
    }
    .bm-select option { color: #1a1a1a; }
    .bm-body
    {
        padding: 20px 15px;
    }
}
@media (max-width: 460px) {
    .bm-stats { flex-direction: column; }
    .bm-stat + .bm-stat { border-left: none; border-top: 1px solid rgba(255,255,255,.28); }
}

@media (max-width: 420px){
    .brp-icons-bottom { gap: 16px; }
}
/* Aftermarket card slider */
@media (max-width: 991px) {
    .aft-inner { flex-direction: column; min-height: 0; padding: 80px 0 60px; gap: 34px; }
    .aft-left { max-width: 620px; text-align: center; }
    .aft-text { margin-left: auto; margin-right: auto; }
    /* card on its own row, aligned to the header content (16px inset) */
    .aft-right { width: 100%; padding: 0 16px; position: static; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 18px 16px; }
    .aft-swiper { order: 0; flex: 0 0 100%; max-width: none; width: 100%; margin: 0; }
    .aft-arrow { position: static; top: auto; bottom: auto; transform: none; }
    .aft-prev { order: 1; left: auto; right: auto; }
    .aft-next { order: 2; left: auto; right: auto; }
}
@media (max-width: 600px) {
    .aft-arrow { width: 38px; height: 38px; }
    .aft-card-img img { height: 200px; }
}

/* Download Centre + footer */
@media (max-width: 767.98px) {
    .dc-title { font-size: 30px; }
    .dc-grid { grid-template-columns: 1fr; }
    .dc-col-left, .dc-center { border-right: none; border-bottom: 1px solid rgba(255,255,255,.35); }
    .dc-center { order: -1; }
    .footer-inner { flex-direction: column; text-align: center; gap: 14px; }
}

@media (max-width: 380px){

}

/* ============================================================
   ACCELERATING INFRASTRUCTURE POPUP — responsive
   ============================================================ */
@media (max-width: 1024px) {
    .ai-popup-inner { padding: 40px 36px 50px; }
    .ai-grid { gap: 34px; }
}
@media (max-width: 767px) {
    .ai-popup-inner { padding: 30px 22px 44px; }
    .ai-grid { grid-template-columns: 1fr; gap: 28px; }
    .ai-col-media { order: -1; }
    .ai-visual { height: 240px; }
    .ai-logo { margin-bottom: 22px; }
    .ai-logo img { height: 28px; }
}

/* ============================================================
   PORTFOLIO PAGE — A Legacy of Vision... — responsive
   ============================================================ */
@media (max-width: 991px) {
    .pl-section { padding: 110px 0 60px; }
    .pl-guided-row { gap: 34px; }
}
@media (max-width: 767px) {
    .pl-guided-row { grid-template-columns: 1fr; gap: 26px; }
    .pl-intro-box { margin-bottom: 32px; }
    .pl-intro-box p { font-size: 16px; }
    .pl-title { margin-bottom: 32px; }
    .pl-pvc-row { padding: 36px 0; margin-bottom: 40px; }
    .pl-pvc-two { grid-template-columns: 1fr; gap: 36px; }
}

/* Portfolio sections 2-4 */
@media (max-width: 991px) {
    .pf-tomorrow-grid { grid-template-columns: 1fr; min-height: 0; gap: 0; }
    .pf-tomorrow-text { padding: 60px 0 36px; }
    .pf-tomorrow-media { margin-right: 0; min-height: 60vh; border-radius: 12px; overflow: hidden; }
    .pf-pillar span { font-size: 18px; }
    .pf-critical-grid { grid-template-columns: 1fr; gap: 36px; }
    .pf-uns-grid { grid-template-columns: 1fr; gap: 26px; }
    .pf-uns-media { min-height: 240px; }
    .pf-sectors-row { grid-template-columns: 1fr; gap: 30px; }
    .pf-sectors-media { min-height: 240px; }
    .pf-esg-grid { grid-template-columns: 1fr; }
    .pf-impact-grid { grid-template-columns: 1fr; gap: 24px; }
    .pf-growing-grid { grid-template-columns: 1fr; min-height: 0; gap: 0; }
    .pf-growing-text { padding: 60px 0 36px; }
    .pf-growing-media { margin-right: 0; min-height: 60vh; border-radius: 12px; overflow: hidden; }
}
@media (max-width: 767px) {
    .pf-tomorrow-media { min-height: 52vh; }
    .pf-critical-title { white-space: normal; }
    .pf-chart-section, .pf-critical, .pf-impact { padding: 56px 0; }
    .pf-sectors { grid-template-columns: 1fr; gap: 22px; }
    .pf-growing-media { min-height: 52vh; }
}

/* ============================================================
   DRIVEN BY SYNERGIES — responsive
   ============================================================ */
@media (max-width: 991px) {
    .syn-hero { padding-top: 100px; }
    .syn-hero-row { grid-template-columns: 1fr; min-height: 0; gap: 0; }
    .syn-hero-text { padding: 10px 0 24px; }
    .syn-hero-img { margin-right: 0; min-height: 300px; border-radius: 12px; overflow: hidden; }
    .syn-intro { padding: 40px 0 0; }
    .syn-company-top { grid-template-columns: 1fr; gap: 26px; }
    .syn-company-media { min-height: 280px; }
    .syn-contrib { grid-template-columns: 1fr; }
    .syn-contrib-2 { grid-template-columns: 1fr; }
    .syn-contrib-col { border-left: none; border-top: 1px solid #e2e2e2; }
    .syn-contrib-col:first-child { border-top: none; }
}
@media (max-width: 600px) {
    .syn-metrics { grid-template-columns: 1fr; gap: 22px; }
    .syn-metric-num { font-size: 26px; }
}

/* ============================================================
   STABLE, PREDICTABLE GROWTH — responsive
   ============================================================ */
@media (max-width: 1100px) {
    .ilg-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 991px) {
    .spg-hero { padding: 110px 0 40px; }
    .spg-totals { grid-template-columns: 1fr; gap: 28px; }
    .spg-split { grid-template-columns: 1fr; gap: 24px; }
    .spg-card { justify-content: flex-start; }
}
@media (max-width: 680px) {
    .ilg-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 600px) {
    .spg-mini-grid, .spg-fund-row3 { grid-template-columns: 1fr 1fr; gap: 22px 20px; }
    .spg-sec-title { font-size: 24px; }
}
@media (max-width: 420px) {
    .spg-mini-grid, .spg-fund-row2, .spg-fund-row3 { grid-template-columns: 1fr; }
    .ilg-bar-row { grid-template-columns: 70px 1fr auto; }
}

/* ============================================================
   GENERAL MOBILE TUNING — 767 (scale fixed-size headings + spacing)
   ============================================================ */
@media (max-width: 767px) {
    /* Chairman / Managing Director */
    .chairman-label { font-size: 16px; margin-bottom: 12px; }
    .chairman-title { font-size: 28px; margin-bottom: 16px; }
    .chairman-body  { font-size: 16px; margin-bottom: 24px; }
    .chairman-name  { font-size: 24px; margin-bottom: 26px; }
    .chairman-content-col { padding: 0 4vw 30px; }

    /* Stable, Predictable Growth */
    .growth-section { padding: 56px 0; }
    .growth-title { font-size: 28px; margin-bottom: 28px; }
    .growth-block { padding: 28px 0; }
    .growth-block-title { font-size: 22px; margin-bottom: 16px; }
    .stat-num { font-size: 32px; }
    .stat-num .unit { font-size: 18px; }
    .stat { padding: 22px 34px 0px 0px; }
    .stat-cagr { margin-top: 6px; }

    /* Portfolio slider */
    .pf-gradient { font-size: 24px; }
    .pf-company  { font-size: 16px; }
    .pf-largest  { font-size: 22px; }
    .pf-card-inner { padding: 26px 22px; }

    /* Industry-Leading by Design */
    .aft-head  { font-size: 30px; }
    .aft-right { padding: 0 15px; }
    .aft-card-title { font-size: 20px; }

    /* About AEL */
    .about-title { font-size: 28px; }

    /* ESG heading */
    .esg-title { font-size: 30px; }

    /* Performance Highlights (static stacked on mobile) */
    .ph-box-title { font-size: 28px; }
    .ph-eyebrow { font-size: 16px; }
    .ph-num { font-size: 24px; }

    /* Business Model */
    .bm-cap-title { font-size: 22px; }
    .bm-io { grid-template-columns: 1fr; }
    .bm-io-col + .bm-io-col { border-left: none; border-top: 1px solid rgba(255,255,255,.4); }

    /* Mega menu */
    .menu { padding: 90px 20px 30px; }
    .menu-search input { font-size: 16px; }
    .mega-tab { font-size: 18px; }
    .chairman-section { height: auto; }
    .chairman-row { padding-top: 40px; }
}

/* ============================================================
   MAIN SECTION HEADINGS — uniform 24/30 on mobile only (767)
   ============================================================ */
@media (max-width: 767px) {
    .brp-heading,
    .chairman-title,
    .growth-title,
    .pf-gradient,
    .aft-head,
    .ph-box-title,
    .about-title,
    .esg-title,
    .bsp-title,
    .bm-title,
    .yb-slider__title,
    .dc-title {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .ph-img img { border-radius: 0px; }
}

/* ============================================================
   ADANI PORTFOLIO — mobile stacked layout (767), auto height
   ============================================================ */
@media (max-width: 767px) {
    .pf-scroll { height: auto; }
    .pf-stage  { height: auto; overflow: visible; position: relative; }

    /* hide the desktop shatter background + dark scrim */
    .pf-bgbase, .pf-bgslices, .pf-scrim { display: none; }

    /* everything stacks in DOM order: title -> card -> numbers -> arrows */
    .pf-ui { position: static; pointer-events: auto; }
    .pf-ui-inner { position: static; height: auto; display: flex; flex-direction: column; padding: 40px 16px 40px; }

    /* Title (dark on the light bg) */
    .pf-titlebar {
        position: static; transform: none; left: auto; top: auto;
        width: 100%; max-width: 100%; text-align: center;
    }
    .pf-eyebrow  { color: #1a1a1a; font-size: 18px; }
    .pf-gradient { color: var(--brand-purple); font-size: 24px; line-height: 30px; }
    .pf-title-cta { margin: 22px auto 0; color: var(--brand-blue); border-color: var(--brand-blue); }
    .pf-title-cta:hover { background: var(--brand-blue); color: #fff; }

    /* Card: counter + company -> image -> largest + sub */
    .pf-cardframe {
        position: static; transform: none; left: auto; top: auto;
        width: 100%; height: auto; background: transparent; margin-top: 18px;
    }
    .pf-card-inner { height: auto; padding: 0; justify-content: flex-start; }
    .pf-company { font-size: 18px; }
    .pf-largest { font-size: 22px; }
    .pf-largest strong { font-size: 60px; }
    .pf-imagebox { height: 220px; }
    .pf-sub { font-size: 18px; }

    /* Numbers — all 3 in ONE row, columns sized to their text */
    .pf-figs {
        display: grid; grid-template-columns: repeat(3, max-content);
        justify-content: space-between; gap: 12px 16px;
        position: static; transform: none; min-width: 0; margin-top: 26px; align-content: start;
    }
    .pf-figs-fy, .pf-figs-unit { grid-column: 1 / -1; }
    .pf-figs-fy { color: #1a1a1a; border-bottom-color: rgba(0,0,0,.25); }
    .pf-fig { padding: 0; border-bottom: none; }
    .pf-fig-label { color: #555; font-size: 16px; white-space: nowrap; }
    .pf-fig-val { color: #1a1a1a; font-size: 24px; white-space: nowrap; }
    .pf-figs-unit { color: #777; margin-top: 2px; }

    /* arrows below the numbers, centred */
    .pf-nav { position: static; justify-content: center; margin: 28px 0 0; }
    .pf-arrow { width: 42px; height: 42px; border-color: rgba(0,0,0,.35); color: #1a1a1a; }
    .pf-arrow:hover { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
    .aft-section { height: 100vh; }
    .ph-t1, .ph-t2 { font-size: 24px; }
    .ph-section { padding: 50px 0px; }
    .ph-cell { padding-bottom: 0px !important; }
    .bsp-section, .bm-section { padding: 50px 0px; }
}

/* Growth "Prudence" block (5 stats): drop the desktop row-divider on mobile
   so it doesn't double up with the stacked border-top dividers */
@media (max-width: 991px) {
    .growth-block[data-block="1"] .stat:nth-child(-n+3) { border-bottom: none; padding-bottom: 0; }
    .growth-block[data-block="1"] .stat:nth-child(5) { border-right: none; }
    /* restore the divider above stats 4 & 5 (the line under 3.32x and 100%) */
    .growth-block[data-block="1"] .stat:nth-child(n+4) { border-top: 1px solid #e6e6e6; }
}

/* ============================================================
   OUR STRATEGY (yb-slider) — mobile: match yes-bank reference
   ============================================================ */
@media (max-width: 767px) {
    .yb-slider__left { justify-content: flex-start; }
    .yb-slider__title { font-size: clamp(24px, 12vw, 42px); }
    .yb-slider__slide { width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 70%; }
    .yb-slider__desc { display: block; }
    .yb-slider__nav { position: absolute; bottom: 20px; right: 24px; align-self: auto; margin: 0; z-index: 5; }
}

/* ============================================================
   ESG Focus Areas slider — mobile: image top, text below,
   arrows + counter in a row at the bottom (prev | counter | next)
   ============================================================ */
@media (max-width: 767px) {
    .upk-salf-slider-wrapper { flex-direction: column; height: auto; padding: 0; }
    .upk-salf-slider-wrapper .swiper { width: 100%; height: 470px; }
    .upk-salf-item { flex-direction: column; height: 100%; }
    .upk-salf-image-wrap { width: 100%; height: 220px; flex: none; }
    .upk-xanc-img { border-radius: 0; }
    .upk-salf-content-wrap {
        position: static; left: auto; bottom: auto; top: auto; transform: none;
        max-width: 100%; flex: 1; overflow: hidden;
        background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none;
        border-radius: 0; padding: 20px 18px;
    }
    .upk-salf-title { font-size: 24px; line-height: 30px; margin-bottom: 12px; }
    .upk-salf-desc { display: block; margin-bottom: 16px; }
    .upk-salf-nav-pag-wrap { position: static; width: 100%; height: auto; padding: 12px 0 16px; }
    .upk-salf-navigation { flex-direction: row; justify-content: center; align-items: center; gap: 26px; }
    .upk-button-prev svg, .upk-button-next svg { transform: rotate(-90deg); }
    .esg-counter { flex-direction: row; align-items: center; gap: 8px; }
    .esg-counter .esg-sep { width: 14px; height: 1px; margin: 0; }
    .footer-social { display: block; }
    .brp-icon-item { padding-right: 15px; }
    .ph-databox-wrap { margin: 20px auto 0; }
    select:focus-visible { outline: none !important; }
}

/* ============================================================
   INNER PAGE — Accelerating Infrastructure (mobile)
   ============================================================ */
@media (max-width: 991px) {
    .ail-hero { padding: 120px 0 0px; }
    .ail-hero-grid { grid-template-columns: 1fr; gap: 28px; }
    .ail-body { max-width: 100%; }
}
@media (max-width: 767px) {
    .ail-hero { padding: 120px 0 0px; }
    .ail-hero-media { order: -1; }
    .ail-label { font-size: 16px; margin-bottom: 16px; }
    .ail-lead { font-size: 16px; }
    .ail-img-placeholder { aspect-ratio: 16 / 10; }
    .ail-content { padding: 6px 0 60px; }
    .ail-body > p { font-size: 18px; }
    .ail-profile { padding: 20px 20px; }
}

/* ===== Accelerating Clean Energy Reach, Powered by Intelligence ===== */
@media (max-width: 991px) {
    .ace-hero { padding: 120px 0 0px; }
    .ace-hero-grid { grid-template-columns: 1fr; gap: 28px; }
    .ace-body { max-width: 100%; }
}
@media (max-width: 767px) {
    .ace-hero { padding: 120px 0 0px; }
    .ace-hero-media { order: -1; }
    .ace-eyebrow { font-size: 16px; margin-bottom: 12px; }
    .ace-lead { font-size: 16px; }
    .ace-img-placeholder { aspect-ratio: 16 / 10; }
    .ace-content { padding: 6px 0 60px; }
    .ace-body > p { font-size: 18px; }
    .ace-focus { padding: 22px 20px; }
    .ace-focus-intro { font-size: 16px; }
    .ace-focus-list li { font-size: 18px; }
    .ace-focus-close { font-size: 18px; }
}

/* ===== Performance Highlights FY 2025-26 ===== */
@media (max-width: 991px) {
    .pfh-hero { padding: 120px 0 0px; }
    .pfh-hero-grid { grid-template-columns: 1fr; gap: 28px; }
    .pfh-metrics { padding: 20px 0 60px; }
    .pfh-stat-grid,
    .pfh-awards { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 767px) {
    .pfh-hero { padding: 120px 0 0px; }
    .pfh-hero-media { order: -1; }
    .pfh-eyebrow { font-size: 16px; margin-bottom: 12px; }
    .pfh-img-placeholder { aspect-ratio: 16 / 10; }
    .pfh-group-title { font-size: 18px; margin-bottom: 20px; }
    .pfh-stat { padding: 20px 20px; }
}
@media (max-width: 560px) {
    .pfh-stat-grid,
    .pfh-awards { grid-template-columns: 1fr; }
}
@media (max-width: 380px) {
    .pfh-num { font-size: 26px; }
}

/* ===== Message from the Chairman ===== */
@media (max-width: 991px) {
    .cm-hero { padding: 120px 0 10px; }
    .cm-hero-grid { grid-template-columns: 1fr; gap: 28px; }
    .cm-hero-media { max-width: 420px; }
}
@media (max-width: 767px) {
    .cm-hero { padding: 118px 0 6px; }
    .cm-img-placeholder { height: 300px; }
    .cm-content { padding: 12px 0 60px; }
    .cm-body > p { font-size: 16px; line-height: 1.8; }
    .cm-stats { grid-template-columns: 1fr; gap: 16px; }
    .cm-quote { font-size: 20px; padding-left: 20px; }
    .cm-emph { padding-left: 18px; }
}

/* ===== ATGL at a Glance ===== */
@media (max-width: 991px) {
    .glance-intro-grid { grid-template-columns: 1fr; gap: 24px; }
    .glance-struct { grid-template-columns: 1fr; gap: 26px; }
    .glance-cgd-grid { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 767px) {
    .glance-img-placeholder { height: 260px; }
    .glance-img-placeholder--diagram { height: 220px; }
    .glance-share { grid-template-columns: 1fr 1fr; column-gap: 30px; }
    .glance-lead { font-size: 16px; }
}
@media (max-width: 460px) {
    .glance-share { grid-template-columns: 1fr; }
}

/* ===== Geographical Presence ===== */
@media (max-width: 767px) {
    .geo-stats { grid-template-columns: 1fr 1fr; column-gap: 30px; }
    .geo-table thead th, .geo-table tbody td { padding: 11px 12px; font-size: 16px; }
}
@media (max-width: 460px) {
    .geo-stats { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .geo-map-placeholder { height: 340px; }
}

/* Geo metrics band — stack on tablet/mobile */
@media (max-width: 991px) {
    .geo-metrics { grid-template-columns: 1fr; gap: 4px; padding: 26px 22px; }
    .geo-metric-group { padding: 24px 0 0; border-left: none; border-top: 1px solid rgba(0,121,121,0.16); }
    .geo-metric-group:first-child { padding-top: 0; border-top: none; }
}

/* ===== Investment Case ===== */
@media (max-width: 991px) {
    .inv-qo-grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 4px; }
    .inv-qo-col { display: block; }
    .inv-col-title { margin: 18px 0 14px; }
    .inv-qo-col .cm-stat { margin-bottom: 22px; }
    .inv-hero-media-grid { grid-template-columns: 1fr; }
    .inv-focus-grid { grid-template-columns: 1fr; }
    .inv-media-pair { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .inv-case { padding: 0 18px 22px; }
    .inv-case-head { margin: 0 -18px 22px; flex-direction: column; align-items: stretch; }
    .inv-case-tag { justify-content: flex-start; }
    .inv-case-title { padding: 12px 18px; }
    .inv-outcome { gap: 20px 30px; }
    .inv-outcome .cm-stat { min-width: 140px; }
}

/* ===== Business Enablers ===== */
@media (max-width: 991px) {
    .be-cvalue-grid { grid-template-columns: repeat(3, 1fr); }
    .be-metrics { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .be-pillars { flex-direction: column; }
    .be-pillar { min-height: auto; padding: 12px 16px 14px; }
    .be-pillar-arrow { transform: rotate(90deg); padding: 8px 0; align-self: center; }
}
@media (max-width: 600px) {
    .be-pillar-head { font-size: 18px; margin-top: 30px; }
    .be-cvalue-grid { grid-template-columns: repeat(2, 1fr); }
    .be-cvalue { padding: 42px 12px 14px; }
    .be-cvalue-tab { font-size: 18px; padding: 5px 16px 5px 8px; white-space: normal; max-width: 82%; }
    .be-cvalue-item { padding: 20px 8px 22px; }
    .be-cvalue-label { font-size: 16px; }
    .be-metrics { grid-template-columns: 1fr; }
    .be-panel-num { width: 40px; height: 40px; font-size: 18px; }
}


/* ===== Business Model ===== */
@media (max-width: 991px) {
    .bm-cap-cols { grid-template-columns: 1fr; gap: 14px; }
    .bm-cv-grid, .bm-act-grid, .bm-sp-wrap { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 600px) {
    .bm-cap { padding: 18px 18px; }
    .bm-band { padding: 12px 16px; }
    .bm-band-a { font-size: 18px; }
    .bm-cv { flex-direction: column; align-items: flex-start; gap: 16px; }
}


/* ===== Stakeholder Engagement ===== */
@media (max-width: 991px) {
    .se-gov { grid-template-columns: repeat(2, 1fr); }
    .se-gov-cell:nth-child(3) { border-left: 0; }
    .se-gov-cell:nth-child(n+3) { border-top: 1px solid rgba(0,121,121,0.16); }
    .se-block-body { grid-template-columns: 1fr; }
    .se-mtopics { columns: 2; }
    .se-caps-strip { grid-template-columns: repeat(3, 1fr); gap: 20px 12px; }
    .se-card-cols { grid-template-columns: 1fr; }
    .se-card-foot { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 600px) {
    .se-gov { grid-template-columns: 1fr; }
    .se-gov-cell { border-left: 0; border-top: 1px solid rgba(0,121,121,0.16); }
    .se-gov-cell:first-child { border-top: 0; }
    .se-mtopics { columns: 1; }
    .se-caps-strip { grid-template-columns: repeat(2, 1fr); }
    .se-card { padding: 22px 18px; }
}


/* ===== Business Model (Contd.) responsive ===== */
@media (max-width: 991px) {
    .bm-contd-grid { grid-template-columns: 1fr; gap: 22px; }
    .bm-contd-fig .glance-img-placeholder { min-height: 360px; }
}


/* ===== Materiality Assessment ===== */
@media (max-width: 991px) {
    .ma-dm-grid { grid-template-columns: 1fr; gap: 18px; }
    .ma-dm-center { margin: 0; }
    .ma-dm-lines { display: none; }
    .ma-proc-grid { grid-template-columns: 1fr; }
    .ma-proc-box::after { display: none; }
    .ma-icons-row { grid-template-columns: repeat(3, 1fr); }
    .ma-refs { grid-template-columns: 1fr; gap: 18px; }
    .ma-ref-list { grid-template-columns: 1fr; }
    .ma-align { grid-template-columns: repeat(3, 1fr); }
    .ma-impact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .ma-icons-row { grid-template-columns: repeat(2, 1fr); }
    .ma-align { grid-template-columns: repeat(2, 1fr); }
    .ma-card-inner { padding: 4px 18px 22px; }
}


/* ===== Materiality ESG-priorities responsive ===== */
@media (max-width: 991px) {
    .ma-icons-row { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
    .ma-icons-row { grid-template-columns: 1fr !important; }
}


/* ===== Risk and Opportunities responsive ===== */
@media (max-width: 991px) {
    .ro-erm-grid { grid-template-columns: repeat(2, 1fr); }
    .ro-cat-row { grid-template-columns: repeat(3, 1fr); }
    .ro-card-grid { grid-template-columns: 1fr 1fr; }
    .ro-card-side { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .ro-erm-grid, .ro-card-grid { grid-template-columns: 1fr; }
    .ro-cat-row { grid-template-columns: repeat(2, 1fr); }
}


/* ===== Risk emerging cards + heat map responsive ===== */
@media (max-width: 991px) {
    .ro-ecard-grid { grid-template-columns: 1fr; }
    .ro-heat { grid-template-columns: 1fr; }
    .ro-heat-legend { flex-direction: row; flex-wrap: wrap; gap: 20px 34px; }
}

/* ===== Strategic Priorities ===== */
@media (max-width: 991px) {
    .sp-card-grid { grid-template-columns: 1fr; gap: 24px; }
    .sp-legend-grid { grid-template-columns: 1fr; }
    .sp-legend-grid > div:nth-child(1), .sp-legend-grid > div:nth-child(2) { grid-column: auto; }
    .sp-legend-topics { grid-template-columns: 1fr; }
    .sp-legend-risks { grid-template-columns: 1fr 1fr; }
    .sp-card { box-shadow: 6px 6px 0 rgba(15,184,204,.45); }
}
@media (max-width: 575px) {
    .sp-card { padding: 22px 20px 26px; }
    .sp-legend { padding: 22px 20px; }
    .sp-card-head { flex-wrap: wrap; gap: 12px; }
    .sp-legend-risks { grid-template-columns: repeat(2, 1fr); }
    .sp-card-title { font-size: 20px; }
}

/* ===== Key Performance Indicators ===== */
@media (max-width: 767px) {
    .kpi-grid { grid-template-columns: 1fr; gap: 26px; }
}

/* ===== Business Segment Review ===== */
@media (max-width: 767px) {
    .bsr-list--2col { columns: 1; }
    .bsr-outlook { columns: 1; }
    .bsr-stats-strip .bsr-stat { border-left: none; }
    .bsr-stats-strip .bsr-stat + .bsr-stat { border-top: 1px solid #dbeceb; padding-top: 18px; margin-top: 4px; }
}
@media (max-width: 575px) {
    .bsr-seg-title { font-size: 19px; }
}

/* ===== Our ESG Approach ===== */
@media (max-width: 991px) {
    .esg-mission-row { grid-template-columns: 1fr; gap: 24px; }
    .esg-resp-grid { grid-template-columns: 1fr; gap: 16px; }
    .esg-std-grid { grid-template-columns: repeat(3, 1fr); }
    .esg-cols--3, .esg-cols--4 { grid-template-columns: 1fr 1fr; }
    .esg-perf-boxes { grid-template-columns: 1fr; }
    .esg-awards { grid-template-columns: 1fr 1fr; }
    .esg-orgs { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
    .esg-std-grid { grid-template-columns: 1fr 1fr; }
    .esg-cols--3, .esg-cols--4 { grid-template-columns: 1fr; }
    .esg-awards { grid-template-columns: 1fr; }
    .esg-org { grid-template-columns: 130px 1fr; gap: 16px; }
}

/* ===== Environmental ===== */
@media (max-width: 991px) {
    .env-hero .cm-hero-grid { grid-template-columns: 1fr; gap: 24px; }
    .env-meta { grid-template-columns: 1fr; gap: 30px; }
}

/* ===== Social: Employees ===== */
@media (max-width: 991px) {
    .emp-vmgrid, .emp-strat-grid, .emp-numgrid, .emp-2col, .emp-qgrid, .emp-prep-grid, .emp-survey-grid, .emp-stat2x2 { grid-template-columns: 1fr; }
    .emp-evpgrid { grid-template-columns: repeat(3, 1fr); }
    .emp-wellgrid, .emp-hrgrid, .emp-wwigrid { grid-template-columns: 1fr; }
    .emp-wellcell:nth-child(2n+1), .emp-hrcell:nth-child(3n+1), .emp-hrcell:nth-child(3n+2), .emp-wwicell:nth-child(2n+1) { border-right: none; }
    .emp-wellcell, .emp-hrcell, .emp-wwicell { border-top: 1px solid #cfe3e6; padding-left: 0; padding-right: 0; padding-top: 22px; }
    .emp-wellbox > .emp-wellgrid > .emp-wellcell:first-child,
    .emp-wellbox > .emp-hrgrid > .emp-hrcell:first-child,
    .emp-wwigrid > .emp-wwicell:first-child { border-top: none; padding-top: 0; }
    .emp-wwi-sub { grid-template-columns: 1fr; gap: 12px; }
    .emp-lcrow { grid-template-columns: 1fr; gap: 12px; }
    .emp-corow { grid-template-columns: 1fr; gap: 12px; }
    .emp-coarrow { display: none; }
    .emp-flow { grid-template-columns: 1fr; gap: 22px; }
    .emp-flow-arrow { justify-self: center; transform: rotate(90deg); }
    .emp-wayfwd { grid-template-columns: 1fr; gap: 18px; }
    .emp-ddf .esg-cols--3 > .esg-col { border-left: none; padding: 16px 0 0; border-top: 1px solid #d6e6ec; }
    .emp-ddf .esg-cols--3 > .esg-col:first-child { border-top: none; padding-top: 0; }
    .emp-hrquote { font-size: 21px; }
}
@media (max-width: 600px) {
    .emp-evpgrid { grid-template-columns: repeat(2, 1fr); }
    .emp-evpcol { border-left: none; text-align: left; padding: 0 0 14px; border-bottom: 1px solid #bfe6ec; }
    .emp-sh-grid { grid-template-columns: 1fr; }
    .emp-hd { font-size: 20px; }
    .emp-banner > span, .emp-lchead span, .emp-wwibanner span, .emp-wellhead { font-size: 16px; padding-left: 18px; padding-right: 18px; }
}

/* Social: Employees — revision (full-width flow + 2-col paras) */
@media (max-width: 991px) {
    .emp-hrgov { grid-template-columns: 1fr; gap: 16px; }
    .emp-hrgov-arrow { transform: rotate(90deg); padding: 0; justify-self: center; }
    .emp-2col-p { grid-template-columns: 1fr; gap: 0; }
    .emp-2col-p > p { margin: 0 0 16px; }
}

/* Social: Employees — Training Highlights responsive */
@media (max-width: 991px) {
    .emp-trstats { grid-template-columns: 1fr 1fr; gap: 26px 40px; }
}
@media (max-width: 600px) {
    .emp-trstats { grid-template-columns: 1fr; }
    .emp-trnote { flex-direction: column; align-items: flex-start; gap: 8px; }
}


/* ===== Ported gov-* responsive (from AES reference) ===== */

@media (max-width: 991px){
	.gov-hero { min-height: 0; padding: 120px 0 50px; flex-direction: column; align-items: stretch; }
	.gov-hero-art { position: static; order: 1; width: 100%; max-width: 560px; margin: 30px auto 0; display: block; opacity: .9; }
	.gov-hero .container { display: flex; flex-direction: column; }
	.gov-highlights { grid-template-columns: 1fr 1fr; gap: 32px; }
	.gov-quote { max-width: none; }
}
@media (max-width: 767px){
	.gov-highlights { grid-template-columns: 1fr; }
}
@media (max-width: 991px){
	.gov-actions ul { columns: 2; }
	.gov-focus { grid-template-columns: repeat(2, 1fr); }
	.gov-snap { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px){
	.gov-actions { padding: 26px 22px 8px; }
	.gov-actions ul { columns: 1; }
	.gov-focus { grid-template-columns: 1fr; }
	.gov-snap { grid-template-columns: 1fr; }
}
@media (max-width: 991px){
	.gov-charts { grid-template-columns: repeat(2, 1fr); }
	.gov-highlights--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px){
	.gov-charts { grid-template-columns: 1fr; }
	.gov-highlights--4 { grid-template-columns: 1fr; }
	.gov-chart-img { margin: 0 auto; }
}
@media (max-width: 991px){
	.gov-callouts { grid-template-columns: 1fr; gap: 30px; }
	.gov-committees-cols { grid-template-columns: 1fr; }
	.gov-committees-col + .gov-committees-col { border-left: 0; border-top: 1px solid #e4e7ea; padding-top: 28px; margin-top: 28px; }
}
@media (max-width: 767px){
	.gov-committees { padding: 0 16px 26px; }
	.gov-committees-col { padding: 0 6px; }
	.gov-subcomm { grid-template-columns: 1fr; }
}
@media (max-width: 991px){
	.gov-bullets--3 { grid-template-columns: 1fr 1fr; gap: 0 30px; }
}
@media (max-width: 767px){
	.gov-bullets--3 { grid-template-columns: 1fr; }
}
@media (max-width: 767px){
	.gov-approach-grid { grid-template-columns: 1fr; }
	.gov-approach-item { border-right: 0 !important; }
	.gov-approach-item:nth-child(3) { border-bottom: 1px solid #e4e7ea; }
	.gov-approach-item { padding: 22px 18px; }
}
@media (max-width: 767px){
	.gov-influence-head { grid-template-columns: 1fr; }
	.gov-influence-head .arrow-col { display: none; }
	.gov-influence-row { grid-template-columns: 1fr; gap: 8px; }
	.gov-influence-arrow { transform: rotate(90deg); margin: 4px auto; }
}
@media (max-width: 767px){
	.gov-cyber-boxes { grid-template-columns: 1fr; }
	.gov-cyber-cols { grid-template-columns: 1fr; }
	.gov-cyber-3col { grid-template-columns: 1fr; gap: 12px; }
	.gov-cyber-3col p { border-left: 0; padding-left: 0; border-top: 1px solid #e6c9b3; padding-top: 12px; }
	.gov-cyber-3col p:first-child { border-top: 0; padding-top: 0; }
}
@media (max-width: 991px){
	.gov-panels2 { grid-template-columns: 1fr; }
	.gov-numcards { grid-template-columns: repeat(3, 1fr); row-gap: 30px; }
	.gov-icards--4 { grid-template-columns: repeat(2, 1fr); }
	.gov-icards--3 { grid-template-columns: repeat(2, 1fr); }
	.gov-disclose-row { grid-template-columns: 1fr; }
}
@media (max-width: 767px){
	.gov-numcards { grid-template-columns: repeat(2, 1fr); }
	.gov-icards--4, .gov-icards--3 { grid-template-columns: 1fr; }
	.gov-bullets--2col { grid-template-columns: 1fr; }
}