@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; }
}

/* Mobile banner video hidden by default (desktop shows the standard video) */
.hero-video-mobile { display: none; }

@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; }
    /* Swap to the mobile banner video */
    .hero-video { display: none; }
    .hero-video-mobile { display: block; }
    .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; padding-bottom: 28px; }
    .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:0px 15px 5px; }
    .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: calc(33.33% - 11px); }
}

/* 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: #8e278f;
        background-color: #fff;
        border: 1px solid #8e278f; 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); }
}

/* 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:auto; }
    .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: 15px; }
    .ail-profile { padding: 20px 20px; }
    .bm-section .bm-io
    {
        display: block;
    }
    .bm-section .bm-body
    {
        padding: 30px 20px;
    }
}