@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-video{object-position: bottom;}
    .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-bottom: 0; }
    .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: 13px; }

    .bsp-title { font-size: 30px; }
    .ph-num .unit
    {
        font-size: 14px;
        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: #00729c;
        background-color: #fff;
        border: 1px solid #00729c; 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: 17px; }
    .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: 13px; }
    .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: 14px; }
    .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: 15px; }
    .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: 17px; }

    /* 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: 14px; 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: 96px 0 0; }
    .ail-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .ail-hero-text { padding: 0; }
    .ail-hero-img { min-height: 0; }
    .ail-hero-img .ail-img-placeholder { position: static; aspect-ratio: 16 / 9; }
    .ail-content { padding: 34px 0 0; }
    .ail-img-placeholder { aspect-ratio: 16 / 9; }
    .ail-figure--compact .ail-img-placeholder { aspect-ratio: 16 / 7; }
}
@media (max-width: 991px) {
    .ail-pagenav { gap: 16px; padding-bottom: 60px; }
    .phl-hero { padding: 96px 0 0; }
    .phl-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .phl-hero-text { padding: 0; }
    .phl-hero-img { min-height: 0; }
    .phl-hero-img .ail-img-placeholder { position: static; aspect-ratio: 748 / 480; }
    .phl-grid { grid-template-columns: minmax(0, 480px); row-gap: 22px; }
}
@media (max-width: 991px) {
    .mfc-hero { padding: 96px 0 0; }
    .mfc-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .mfc-hero-text { padding: 0; order: 1; }
    .mfc-hero-img { min-height: 0; order: 0; }
    .mfc-hero-img .ail-img-placeholder { position: static; aspect-ratio: 4 / 3; }
    .mfc-body { max-width: 100%; }
}
@media (max-width: 991px) {
    .aag-hero { padding: 96px 0 0; }
    .aag-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .aag-hero-text { padding: 0; }
    .aag-hero-img { min-height: 0; }
    .aag-hero-img .ail-img-placeholder { position: static; aspect-ratio: 748 / 480; }
    .aag-cards { grid-template-columns: repeat(2, 1fr); }
    .aag-org-cols { grid-template-columns: repeat(2, 1fr); }
    .aag-figure .ail-img-placeholder { aspect-ratio: 16 / 7; }
    .pp-hero { padding: 96px 0 0; }
    .pp-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .pp-hero-text { padding: 0; }
    .pp-hero-img { min-height: 0; }
    .pp-hero-img .ail-img-placeholder { position: static; aspect-ratio: 748 / 480; }
    .pp-figure .ail-img-placeholder { aspect-ratio: 16 / 7; }
    .ic-hero { padding: 96px 0 0; }
    .ic-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .ic-hero-text { padding: 0; }
    .ic-hero-img { min-height: 0; }
    .ic-hero-img .ail-img-placeholder { position: static; aspect-ratio: 748 / 480; }
    .ic-stats { float: none; width: 100%; margin: 0 0 22px 0; }
    .ic-figure .ail-img-placeholder { aspect-ratio: 16 / 7; }
    .aw-hero { padding: 96px 0 0; }
    .aw-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .aw-hero-text { padding: 0; }
    .aw-hero-img { min-height: 0; }
    .aw-hero-img .ail-img-placeholder { position: static; aspect-ratio: 748 / 480; }
    .aw-grid { grid-template-columns: repeat(2, 1fr); gap: 36px 40px; }
    .bm-caps--3 { grid-template-columns: repeat(2, 1fr); }
    .bm-cols { grid-template-columns: 1fr; }
    .bm-enablers { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .aw-grid { grid-template-columns: 1fr; }
    .bm-bar-title { padding: 12px 18px; }
    .bm-details { grid-template-columns: 1fr; padding: 20px 18px; }
    .bm-caps--3, .bm-caps--2 { grid-template-columns: 1fr; }
    .bm-cap-divider { display: none; }
    .bm-biz { grid-template-columns: 1fr; }
    .bm-enablers { grid-template-columns: repeat(2, 1fr); }
    .bm-obm { padding: 22px 18px; }
}
@media (max-width: 991px) {
    .se-hero { padding: 92px 0 40px; }
    .se-intro { font-size: 16px; max-width: none; }
}
@media (max-width: 767px) {
    .se-hero { padding: 88px 0 34px; }
    .se-section { padding: 34px 0; }
    .se-p, .se-intro { font-size: 15px; }
    .se-readmore a { font-size: 14px; }
}
@media (max-width: 991px) {
    .ma-float { width: 52%; margin-left: 30px; }
    .ma-megatrends-ul { column-count: 2; }
    .ma-dm-cols { grid-template-columns: 1fr; gap: 30px; }
    .ma-legend { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 991px) {
    .ro-roles { grid-template-columns: repeat(2, 1fr); }
    .ro-irm-cols { grid-template-columns: 1fr; gap: 8px; }
    .ro-prio-row { grid-template-columns: 1fr; gap: 18px; }
    .ro-float { width: 46%; margin-left: 28px; }
}
@media (max-width: 991px) {
    .ro-caps { grid-template-columns: repeat(3, 1fr); }
    .ro-mtopics, .ro-spriorities { grid-template-columns: repeat(2, 1fr); }
    .ro-riskcard-body { grid-template-columns: 1fr; gap: 24px; }
    .ro-riskcard-side { border-left: none; border-top: 1px solid #e2e6ea; padding-left: 0; padding-top: 22px; }
}
@media (max-width: 767px) {
    .ro-float { float: none; width: 100%; max-width: none; margin: 0 0 20px; }
    .ro-caps { grid-template-columns: repeat(2, 1fr); }
    .ro-mtopics, .ro-spriorities { grid-template-columns: 1fr; }
    .ro-riskcard-title { font-size: 16px; }
}
@media (max-width: 991px) {
    .sp-caps { grid-template-columns: repeat(3, 1fr); }
    .sp-mtopics, .sp-risks { grid-template-columns: repeat(2, 1fr); }
    .sp-cols { grid-template-columns: 1fr; gap: 24px; }
    .sp-foot { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 767px) {
    .sp-caps { grid-template-columns: repeat(2, 1fr); }
    .sp-mtopics, .sp-risks { grid-template-columns: 1fr; }
    .sp-kpis { grid-template-columns: repeat(2, 1fr); }
    .sp-pcard-head { flex-wrap: wrap; gap: 14px; }
    .sp-pcard-body { padding: 20px 18px 0; }
}
@media (max-width: 767px) {
    .ro-section { padding: 34px 0; }
    .ro-roles { grid-template-columns: 1fr; }
    .ro-quote { grid-template-columns: 1fr; gap: 10px; padding: 24px 20px; }
    .ro-quote-ico { width: 46px; }
    .ro-p, .ro-quote-body p { font-size: 15px; }
}
@media (max-width: 767px) {
    .ma-float { float: none; width: 100%; max-width: none; margin: 0 0 22px; }
    .ma-megatrends-ul { column-count: 1; }
    .ma-megatrends { padding: 20px 18px 6px; }
    .ma-dm-two { grid-template-columns: 1fr; }
    .ma-legend { grid-template-columns: 1fr; }
    .ma-dm-h, .ma-legend-h { font-size: 18px; }
}
@media (max-width: 767px) {
    .ic-bar { flex-direction: column; align-items: flex-start; }
    .ic-bar-tag, .ic-bar-title { padding: 10px 16px; }
    .ic-bar-title { font-size: 16px; }
}
@media (max-width: 767px) {
    .phl-kom { font-size: 20px; }
    .phl-grid { grid-template-columns: 1fr; }
    .mfc-body p, .mfc-bullets li { font-size: 15px; }
    .mfc-stats { gap: 22px 40px; }
    .aag-cards { grid-template-columns: 1fr; }
    .aag-org-cols { grid-template-columns: 1fr; }
    .aag-org-owner { min-width: 0; width: 100%; }
    .aag-vmv-subs { grid-template-columns: 1fr; gap: 18px; }
    .ail-hero { padding: 92px 0 0; }
    .ail-content p:not(.ail-question) { font-size: 15px; }
    .ail-h { font-size: 20px; }
    .ail-img-placeholder { aspect-ratio: 4 / 3; }
    .ail-figure--compact .ail-img-placeholder { aspect-ratio: 16 / 9; }
    .ail-quote-wrap { padding: 30px 0 40px; }
    .ail-quote p { font-size: 18px; }
    .ail-pagenav { flex-direction: column; padding: 36px 0 50px; }
    .ail-pnav { flex: none; max-width: none; width: 100%; padding: 16px 20px; }
    .ail-pnav-label { font-size: 15px; white-space: normal; }
}
@media (max-width: 991px) {
    .kpi-hero { padding: 96px 0 0; }
    .kpi-hero-row { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
    .kpi-hero-text { padding: 0 0 34px; }
    .kpi-hero-img { min-height: 0; }
    .kpi-hero-img .ail-img-placeholder { position: static; aspect-ratio: 748 / 480; }
    .kpi-grid { grid-template-columns: minmax(0, 520px); row-gap: 30px; }
    .kpi-seg-row { grid-template-columns: 1fr; gap: 16px; text-align: center; }
    .kpi-seg-metric, .kpi-seg-unit { text-align: center; }
    .kpi-seg-chart { justify-content: center; }
    .kpi-seg-chart img, .kpi-seg-chart--pat img { height: auto; width: 100%; }
}
@media (max-width: 767px) {
    .kpi-hero { padding: 88px 0 32px; }
    .kpi-section { padding: 32px 0 0; }
    .kpi-grid { grid-template-columns: 1fr; }
    .kpi-seg-section { padding: 40px 0 4px; }
    .kpi-legend { gap: 16px 22px; }
    .kpi-cfo { padding: 44px 0 48px; }
    .kpi-cfo-quote { font-size: 18px; }
}
@media (max-width: 991px) {
    .bsr-vhero { grid-template-columns: 1fr; gap: 28px; }
    .bsr-vcols { grid-template-columns: 1fr; gap: 18px; }
    .bsr-vhero-img { order: -1; }
    .bsr-vhero-img .ail-img-placeholder { position: static; aspect-ratio: 16 / 9; height: auto; }
    .bsr-subnav-link { padding: 10px 20px; font-size: 14px; }
}
@media (max-width: 767px) {
    .bsr-section { padding: 40px 0; }
    .bsr-hero-lead { font-size: 15px; }
    .bsr-stats { gap: 22px 34px; }
    .bsr-stat-num { font-size: 26px; }
    .bsr-subnav-link { padding: 9px 16px; font-size: 14px; }
    .bsr-panel-cols { grid-template-columns: 1fr; gap: 16px; }
}
/* when the tabs overflow, align to the start so scrolling reaches every tab */
@media (max-width: 860px) {
    .bsr-subnav-scroll { justify-content: flex-start; }
    .bsr-subnav-list { justify-content: flex-start; margin: 0; }
}
@media (max-width: 991px) {
    .bsr-metrics, .bsr-grid3 { grid-template-columns: repeat(2, 1fr); }
    .bsr-case-cols { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .bsr-metrics, .bsr-grid3, .bsr-grid2 { grid-template-columns: 1fr; }
    .bsr-quote { padding: 26px 24px 28px; }
    .bsr-band { padding: 22px 20px; }
    .bsr-case-head { flex-direction: column; gap: 10px; }
    .bsr-h { font-size: 18px; }
    .bsr-float-r { float: none; width: 100%; max-width: none; margin: 0 0 18px; }
}

/* ===== Our ESG Approach ===== */
@media (max-width: 991px) {
    .esg-intro-grid { grid-template-columns: 1fr; gap: 30px; }
    .esg-gl-grid { grid-template-columns: 1fr; gap: 26px; }
    .esg-logo-grid { grid-template-columns: repeat(3, 1fr); gap: 26px 22px; }
    .esg-topic { grid-template-columns: 1fr; gap: 16px; }
    .esg-remun-grid { grid-template-columns: 1fr; gap: 26px; }
    .esg-flow-row { grid-template-columns: 1fr; gap: 16px; }
    .esg-bicms-boxes { grid-template-columns: 1fr; gap: 16px; }
    .esg-awards-list { column-count: 2; }
    .esg-certs { grid-template-columns: 1fr; gap: 24px; }
    .esg-photoband img { height: 340px; }
}
@media (max-width: 767px) {
    .esg-logo-grid { grid-template-columns: repeat(2, 1fr); gap: 22px 18px; }
    .esg-awards-list { column-count: 1; }
    .esg-pillar { padding: 34px 18px 6px; }
    .esg-pillar-tab { left: 14px; font-size: 13px; padding: 5px 16px; }
    .esg-stat-num { font-size: 42px; }
    .esg-photoband img { height: 220px; }
    .esg-cso { padding: 28px 22px 24px; }
    .esg-gl-box { padding: 22px 20px; }
    .esg-flow-box { padding: 16px 18px; font-size: 14.5px; }
}

/* ===== Environment ===== */
@media (max-width: 1100px) {
    .env-metrics { grid-template-columns: repeat(3, 1fr); }
    .env-glance { grid-template-columns: repeat(2, 1fr); }
    .env-risk-row { grid-template-columns: 1fr; }
    .env-risk-diagram img { max-width: 340px; }
}
@media (max-width: 991px) {
    .env-hero { min-height: 0; padding: 130px 0 200px; }
    .env-hero-bird { width: 70%; bottom: 0; opacity: .75; }
    .env-subnav-row { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; }
    .env-subnav-link { flex: 0 0 auto; }
    .env-focus-grid { grid-template-columns: repeat(2, 1fr); }
    .env-policy-links { grid-template-columns: 1fr 1fr; gap: 18px 0; }
}
@media (max-width: 767px) {
    .env-metrics { grid-template-columns: 1fr 1fr; }
    .env-metrics--2, .env-risk-boxes { grid-template-columns: 1fr; }
    .env-glance { grid-template-columns: 1fr; gap: 22px; }
    .env-hero-bird { width: 90%; opacity: .6; }
    .env-milestone-p, .env-body-p { font-size: 15px; }
}
@media (max-width: 520px) {
    .env-metrics, .env-focus-grid, .env-policy-links { grid-template-columns: 1fr; }
    .env-policy-link { border-left: 0; padding-left: 0; }
}

@media (max-width: 767px){
	.env-floatr { float: none; width: 100%; max-width: 100%; margin: 14px 0; }
}

/* ===== SOCIAL — CUSTOMERS responsive ===== */
@media (max-width: 991px){
	.soc-khl-top { grid-template-columns: 1fr; gap: 30px; }
	.soc-khl-appimg img { margin: 0 auto; }
	.soc-cbase { grid-template-columns: 1fr; gap: 22px; }
	.soc-needs { grid-template-columns: 1fr; }
	.soc-csa { grid-template-columns: 1fr 1fr; gap: 34px 30px; }
}
@media (max-width: 767px){
	.soc-csa { grid-template-columns: 1fr; }
}
@media (max-width: 991px){
	.soc-strat4 { grid-template-columns: 1fr 1fr; }
	.soc-boxsec-cols { grid-template-columns: 1fr; gap: 22px; }
	.soc-green { grid-template-columns: 1fr; }
	.soc-rooftop { grid-template-columns: 1fr; }
	.soc-rooftop-img { min-height: 260px; }
	.soc-digi2 { grid-template-columns: 1fr; gap: 24px; }
	.soc-safety-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px){
	.soc-strat4 { grid-template-columns: 1fr; }
	.soc-green-cards { grid-template-columns: 1fr; }
	.soc-rooftop-stats { grid-template-columns: 1fr 1fr; }
	.soc-safety-grid { grid-template-columns: 1fr; }
}
@media (max-width: 991px){
	.soc-tenets--4 { grid-template-columns: 1fr 1fr; }
	.soc-csa--flow .soc-csa-item::before, .soc-csa--flow .soc-csa-item::after { display: none; }
}
@media (max-width: 767px){
	.soc-tenets--4 { grid-template-columns: 1fr; }
}
@media (max-width: 991px){
	.bod-dir-top { grid-template-columns: 220px 1fr; gap: 28px; }
	.bod-dir-top::before { left: 248px; }
	.bod-disc-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px){
	.bod-dir-top { grid-template-columns: 1fr; }
	.bod-dir-top::before { left: 0; }
	.bod-disc-grid { grid-template-columns: 1fr; }
	.bod-photo { max-width: 260px; }
}
@media (max-width: 991px){
	.soc-pillars-row { grid-template-columns: 1fr; gap: 24px; }
	.soc-vendorrow { grid-template-columns: 1fr; gap: 26px; }
	.soc-capdev { grid-template-columns: 1fr; }
	.soc-nvsc { grid-template-columns: 1fr; gap: 30px; }
	.soc-rma-grid { grid-template-columns: 1fr; gap: 22px; }
	.soc-casebox-cols { grid-template-columns: 1fr; gap: 4px; }
	.soc-hlrow { grid-template-columns: 1fr; gap: 26px; }
	.soc-cfrow { grid-template-columns: 1fr; gap: 20px; }
	.soc-cfrow-img { order: -1; }
	.soc-initiatives { grid-template-columns: 1fr; }
	.soc-tips { grid-template-columns: 1fr; }
	.soc-gr2 { grid-template-columns: 1fr; }
	.soc-bul--2col { grid-template-columns: 1fr; }
	.soc-steps { grid-template-columns: 1fr 1fr; gap: 20px; }
	.soc-step:not(:last-child) .soc-step-head::after { display: none; }
	.soc-wattsimg { height: 360px; }
}
@media (max-width: 767px){
	.soc-steps { grid-template-columns: 1fr; }
}

/* ===== GOVERNANCE (gov-) ===== */
@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; }
}

/* ===== GOVERNANCE pages 3-4 ===== */
@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; }
}

/* ===== GOVERNANCE pages 5-6 ===== */
@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; }
}

/* ===== GOVERNANCE pages 7-8 ===== */
@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; }
}

/* ===== GOVERNANCE pages 11-12 ===== */
@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; }
}

/* ===== GOVERNANCE pages 15-16 ===== */
@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; }
}

/* ===== GOVERNANCE pages 17-18 ===== */
@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; }
}

/* ===== GOVERNANCE pages 19-20 ===== */
@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; }
}

/* ===== GOVERNANCE pages 23-26 ===== */
@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; }
}