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

@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 20px; }
    .pl-guided-row { gap: 34px; }
}
@media (max-width: 767px) {
    .pl-guided-row { grid-template-columns: 1fr; gap: 26px; 
    margin-bottom: 0;}
    .pl-intro-box { margin-bottom: 32px; }
    .pl-intro-box p { font-size: 16px; }
    .pl-title { margin-bottom: 32px; }
    .pl-pvc-row { padding: 20px 0; margin-bottom: 0px;
    gap: 20px; }
    .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: 20px 0 20px; }
    .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: 10px; }
    .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: 20px 0; }
    .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: 20px 0; }
    .pf-sectors { grid-template-columns: 1fr; gap: 22px; }
    .pf-growing-media { min-height: 52vh; }
    .pf-enabling{
        margin-bottom: 20px;
    }
    .pf-purpose{
        padding-top: 20px;
    }
    .syn-companies{
        padding: 20px 0;
    }
    .syn-note{
        margin-top: 20px;
    }
}

/* ============================================================
   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; border-radius: 12px; overflow: hidden; }
    .syn-hero-img img { position: static; inset: auto; height: auto; }
    .syn-intro { padding: 20px 0 0; }
    .syn-company-top { grid-template-columns: 1fr; gap: 26px; }
    .syn-company-media { min-height: 280px; }
    .syn-company{
        padding: 20px 0px;
    }
    .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: 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; }
}

/* ============================================================
   BUSINESS MODEL PAGE — responsive
   ============================================================ */
@media (max-width: 991px) {
    .bmp-section { padding: 110px 0 60px; }
    .bmp-head-row { grid-template-columns: 1fr; gap: 20px; align-items: start; margin-bottom: 32px; }
    .bmp-panel-inner,
    .bmp-panel-inner.bmp-cols { grid-template-columns: repeat(2, 1fr); }
    .bmp-out-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .bmp-section { padding: 100px 0 40px; }
    .se-lead-section{
        padding-top: 20px;
    }
    .se-proc-head-inner{
        left: 0;
        width: auto;
    }
    .se-sf-section, .se-process-section, .se-culture-section, .se-cards-section, .se-assoc-section{
        padding: 20px 0 20px;
    }
    .bmp-title { font-size: 26px; line-height: 34px; white-space: normal; }
    .bmp-panel-inner,
    .bmp-panel-inner.bmp-cols { grid-template-columns: 1fr; gap: 26px; }
    .bmp-out-figs { grid-template-columns: 1fr 1fr; }
    .bmp-acc-head { padding: 18px 10px; }
    .bmp-acc-title { font-size: 18px; }
    .bmp-out-val { font-size: 26px; }
}
@media (max-width: 420px) {
    .bmp-out-figs { grid-template-columns: 1fr; }
}

/* ============================================================
   STAKEHOLDER ENGAGEMENT PAGE — responsive
   ============================================================ */
@media (max-width: 991px) {
    .se-hero { padding-top: 96px; }
    .se-hero-row { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
    .se-hero-text { padding: 20px 0 0; }
    .se-hero-img { min-height: 300px; }
    .se-intro-section { padding-top: 34px; }
    .se-sf-grid { grid-template-columns: 1fr; gap: 30px; }
    .se-assoc-grid { grid-template-columns: 1fr; gap: 28px; }
    .se-assoc-right .se-img-ph { margin-top: 0; aspect-ratio: 16 / 10; }
}
@media (max-width: 767px) {
    .se-hero { padding-top: 90px; }
    .se-title { font-size: 26px; line-height: 34px; }
    .se-hero-img { min-height: 220px; }
    .se-intro { font-size: 15px; }
    .se-lead-box { padding: 26px 20px; }
    .se-sf-right { padding: 24px 18px; }
    .se-comm-grid { grid-template-columns: 1fr; }
    .se-proc-grid { grid-template-columns: 1fr; gap: 20px; }
    .se-card-grid { grid-template-columns: 1fr; gap: 4px 0; }
    .se-metric-row { gap: 22px 32px; }
    .se-card { padding: 20px 18px;
    margin-left: 0;}
    .se-col{
        padding-left: 0;
    }
    .se-card{
        margin-bottom: 20px;
    }
    .dm-lead-box{
        padding: 20px ;
    }
    .dm-abc{
        padding: 0;
    }
    .se-card-icon { position: static; transform: none; margin-bottom: 14px; box-shadow: none; -webkit-box-shadow: none; }
    .se-card-top { padding-left: 0; }
    .se-card-title { font-size: 20px; }
    .se-h2 { font-size: 20px; }
}

/* ============================================================
   DOUBLE MATERIALITY PAGE — responsive
   ============================================================ */
@media (max-width: 991px) {
    .dm-hero { padding-top: 96px; }
    .dm-hero-row { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
    .dm-hero-text { padding: 20px 0 0; }
    .dm-hero-img { min-height: 300px; }
    .dm-intro-section { padding-top: 34px; }
    .dm-principles { grid-template-columns: 1fr; gap: 16px; }
    .dm-principle-center { margin: 0 auto; }
    .dm-abc-body { grid-template-columns: 1fr; gap: 16px; 
    padding-left: 0;}
    .dm-proc-grid { grid-template-columns: 1fr; gap: 24px; }
    .dm-topics { grid-template-columns: 1fr; gap: 26px; }
    .dm-issue-body { grid-template-columns: 1fr; gap: 22px; }
    .dm-issue-side { flex-direction: row; flex-wrap: wrap; gap: 20px 34px; }
}
@media (max-width: 767px) {
    .dm-proc-head-inner{
        left: 0;
        width: auto;
    }
    .dm-approach-section, .dm-process-section, .dm-assessment-section, .dm-matrix-section, .dm-issues-section, .dm-external-section{
        padding: 20px 0px;
    }
    .dm-issue{
        margin-bottom: 20px;
    }
    .ro-lead-section{
        padding: 20px 0 0;
    }
    .ro-lead-box{
        padding: 20px 0px;
    }
    .ro-section{
        padding: 20px 0;
    }
    .ro-comm{
        padding: 15px 0px;
    }
    .ro-proc-head-inner{
        left: 0;
        width: auto;
    }
    .ro-h3{
        margin: 10px 0px;
    }
    .ro-risk{
        margin-bottom: 20px;
    }
    .dm-hero { padding-top: 90px; }
    .dm-title { font-size: 26px; line-height: 34px; }
    .dm-hero-img { min-height: 220px; }
    .dm-intro { font-size: 15px; }
    .dm-h2 { font-size: 20px; }
    .dm-principle-center { width: 130px; height: 130px; font-size: 14px; }
    .dm-issue-tab { font-size: 14px; padding: 11px 18px; }
    .dm-issue-body { padding: 20px 18px; }
    .dm-tp td, .dm-tp th { font-size: 12.5px; padding: 8px 10px; }
    .dm-out-row { gap: 22px 32px; }
    .dm-capitals { flex-direction: column; align-items: flex-start; gap: 14px; }
    .dm-capitals-grid { grid-template-columns: 1fr 1fr; }
}

/* incubating-sustainable-growth start */
@media (max-width: 991px) {
    .incubatingtop {
        padding: 44px 0 70px;
    }
    .incubatingtop-feature-row {
        margin-top: 30px;
        row-gap: 24px;
    }
    .incubatingtop-feature-row > div {
        display: block;
    }
    .incubatingtop-quote p {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .incubatingtop {
        padding: 0 0 40px;
    }
    .incubatingtop-copy p {
        line-height: 1.65;
        margin-bottom: 14px;
    }
    .incubatingtop-quote {
        padding: 24px 22px 28px;
    }
    .incubatingtop-quote p {
        padding-left: 16px;
    }
    .incubatingtop-quote p::before {
        width: 9px;
        height: 3px;
    }
    .incubatingcore-row {
        margin-top: 32px;
    }
}
/* incubating-sustainable-growth end */

@media (max-width: 991px) {
    .op-linkages-section {
        padding: 0 0 20px;
    }

    .op-block {
        margin-bottom: 28px;
    }

    .op-highlights-row {
        margin-top: 34px;
    }

}

@media (max-width: 767px) {
    /* LEAP cards stack to one column: right-pointing arrows point into empty space */
    .ws-leap-head-arrow {
        display: none !important;
    }
    .op-linkages-section {
        padding: 0 0 0;

    }
    .op-sphere-wrap{
        margin-top: 20px;
    }
    .op-linkages-section--standalone{
        margin-top: 0;
    }
    .op-hierarchy-section{
        padding-top: 20px;
    }
    .op-stat-value{
        margin-bottom: 10px;
    }

    .op-section-title {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .op-block-title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .op-link-list li {
        gap: 10px;
        margin-bottom: 9px;
    }

    .op-code {
        min-width: 50px;
        padding: 0 10px 4px;
        font-size: 16px;
    }

    .op-link-text {
        font-size: 16px;
    }

    .op-capital-item img {
        width: 44px;
        height: 44px;
    }

    .op-capital-item span {
        font-size: 16px;
    }

    .op-sdg-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .op-stat {
        margin-bottom: 24px;
    }

    .op-stat-value .count {
        font-size: 24px;
    }

    .op-stat-label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .op-annexure {
        margin-top: 20px;
    }

    .op-annexure-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .op-hr-table {
        min-width: 980px;
    }

    .op-hr-table thead th {
        font-size: 13px;
        padding: 8px 8px;
    }

    .op-hr-table thead tr:first-child th {
        font-size: 12px;
    }

    .op-hr-table thead .op-age-row th {
        font-size: 12px;
    }

    .op-hr-table tbody td {
        font-size: 13px;
        padding: 8px 8px;
    }

    .op-hr-table .op-group-row td {
        font-size: 14px;
    }

    .op-hr-table .op-row-label {
        font-size: 13px;
    }

    .op-hr-table--management {
        min-width: 760px;
    }

    .op-diversity-annexure {
        margin-top: 42px;
    }

    .op-diversity-table thead th {
        font-size: 13px;
        padding: 8px 8px;
    }

    .op-diversity-table tbody td {
        font-size: 13px;
        padding: 8px 8px;
    }

    .op-diversity-table .op-target {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .op-footnote {
        font-size: 13px;
        margin-top: 10px;
    }

    .op-framework-section {
        margin-top: 0;
    }

    .op-framework-section .op-proc-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .op-framework-section .op-proc-head-inner {
        width: min(375px, calc(100% - 60px));
    }
    .cr-taranga-section{
        padding-top: 20px;
    }
    .cg-box-list{
        column-count: 1;
    }
    .bd-profile-photo img{
        width: auto;
    }
    .bd-director-row{
        margin-top: 20px;
    }
    .globaltax-content-section{
        padding: 20px 0 0;
    }
    .gt-principles-section{
        padding-top: 0;
    }
    .cg-stats {
    grid-template-columns: repeat(2, 1fr);
}
    .cg-gov-grid{
    grid-template-columns: repeat(1, 1fr);
}
.cg-leader-grid{
    grid-template-columns: repeat(1, 1fr);
}
.cg-focus-4 .cg-key2{
    
    grid-template-columns: repeat(1, 1fr);
}
.cg-focus-box .cg-key2-item:nth-child(1)::after, .cg-focus-box .cg-key2-item:nth-child(3)::after,.cg-focus-4 .cg-key2-item:nth-child(2)::after{
    content: none;
}

    .op-strategy-section {
        margin-top: 48px;
    }

    .op-pillars-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .op-pillars-spine {
        display: none;
    }

    .op-pillar-body {
        max-width: 100%;
    }

    .op-pay-annexure,
    .op-hiring-annexure,
    .op-turnover-annexure,
    .op-training-annexure {
        margin-top: 20px;
    }

    .op-pay-table thead th,
    .op-hiring-table thead th,
    .op-turnover-table thead th,
    .op-training-table thead th,
    .op-management-table thead th,
    .op-turnover-management-table thead th,
    .op-training-management-table thead th {
        font-size: 13px;
        padding: 8px 8px;
    }

    .op-pay-table tbody td,
    .op-hiring-table tbody td,
    .op-turnover-table tbody td,
    .op-training-table tbody td,
    .op-management-table tbody td,
    .op-turnover-management-table tbody td,
    .op-training-management-table tbody td {
        font-size: 13px;
        padding: 8px 8px;
    }

    .op-pay-table .op-row-label,
    .op-hiring-table .op-row-label,
    .op-turnover-table .op-row-label,
    .op-training-table .op-row-label {
        font-size: 13px;
    }

    .op-hiring-table tbody tr td:nth-child(2),
    .op-training-table tbody tr td:nth-child(2) {
        padding-left: 10px;
    }

    .op-pay-table .op-num,
    .op-hiring-table .op-num,
    .op-turnover-table .op-num,
    .op-training-table .op-num,
    .op-management-table .op-num,
    .op-turnover-management-table .op-num,
    .op-training-management-table .op-num {
        padding-right: 10px;
    }

    .op-evp-section {
        margin-top: 20px;
        padding-top: 16px;
    }

    .op-leadership-section {
        margin-top: 20px;
        padding: 28px 0 22px;
        background-position: right bottom;
    }

    .op-leadership-panel {
        padding: 44px 18px 18px;
        max-width: 800px;
    }

    .op-leadership-row {
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 14px;
    }

    .op-leadership-card {
        font-size: 18px;
        padding: 18px 14px;
    }

    .op-future-grid {
        gap: 20px;
    }

    .op-future-card {
        min-height: 260px;
        padding: 54px 18px 18px;
    }

    .op-future-card-label,
    .op-hrg-card,
    .op-hrg-outcomes-label,
    .op-future-subtitle,
    .op-org-subtitle {
        font-size: 18px;
    }

    .op-hrg-grid {
        grid-template-columns: 1fr 1fr;
    }

    .op-hrg-outcomes {
        grid-column: 1 / -1;
        padding-left: 0;
    }

    .op-hrg-item:last-of-type {
        border-right: none;
    }

    .op-hrg-item::after {
        display: none;
    }

    .op-plan-grid {
        gap: 20px;
    }

    .op-plan-card {
        min-height: 0;
        padding: 52px 16px 18px;
    }

    .op-plan-card-label {
        font-size: 18px;
    }

    .op-evp-intro {
        font-size: 17px;
    }

    .op-evp-band,
    .op-evp-apart-label,
    .op-evp-future-label {
        gap: 10px;
    }

    .op-evp-apart-label,
    .op-evp-future-label {
        transform: translateY(-14px);
        margin-bottom: 16px;
    }

    .op-evp-feature-caption {
        font-size: 17px;
    }

    .op-evp-pillars {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .op-evp-pillar {
        border-right: 1px solid #c3d4dd;
        border-bottom: 1px solid #c3d4dd;
        padding: 10px 12px;
    }

    .op-evp-pillar:nth-child(3n) {
        border-right: none;
    }

    .op-evp-pillar:nth-last-child(-n + 3) {
        border-bottom: none;
    }

    .op-evp-pillar h3,
    .op-evp-pillar p,
    .op-evp-apart-item p,
    .op-evp-future-col p,
    .op-evp-future-col li {
        font-size: 16px;
    }

    .op-evp-apart {
        padding: 22px 20px 18px;
    }

    .op-evp-apart-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .op-evp-apart-item h3 {
        font-size: 18px;
    }

    .op-evp-num {
        font-size: 44px;
    }

    .op-evp-future {
        padding: 18px 12px;
    }

    .op-evp-future-grid {
        grid-template-columns: 1fr;
    }

    .op-evp-future-col {
        border-right: none;
        border-bottom: 1px solid #c3d4dd;
        padding: 0 8px 16px;
        margin-bottom: 16px;
    }

    .op-evp-future-col:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .op-leadership-section {
        margin-top: 20px;
        padding: 24px 0 20px;
        background-position: right bottom;
        margin-bottom: 20px;
    }

    .op-leadership-title {
        font-size: 20px;
        line-height: 1.2;
    }

    .op-leadership-panel {
        padding: 42px 14px 14px;
        max-width: 800px;
    }

    .op-leadership-panel-label {
        font-size: 15px;
        padding: 9px 14px;
    }

    .op-leadership-row {
        grid-template-columns: 1fr;
    }

    .op-leadership-card {
        font-size: 18px;
        min-height: 72px;
    }

    .op-leadership-list li {
        font-size: 15px;
    }

    .op-future-ready-section {
        margin-top: 40px;
        padding: 6px 0 12px;
    }

    .op-future-grid {
        grid-template-columns: 1fr;
    }

    .op-future-card {
        min-height: 0;
        padding: 50px 14px 16px;
        margin-bottom: 20px;
    }

    .op-future-card-label {
        left: 14px;
        font-size: 17px;
        padding: 9px 14px;
    }

    .op-future-subtitle,
    .op-org-subtitle {
        font-size: 18px;
    }

    .op-hrg-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .op-hrg-item {
        border-right: none;
        padding-right: 0;
    }

    .op-hrg-card,
    .op-hrg-outcomes-label {
        font-size: 17px;
        padding: 12px 14px;
    }

    .op-hrg-list li,
    .op-future-card p,
    .op-future-note,
    .op-org-lead,
    .op-org-body,
    .op-plan-body,
    .op-future-lead {
        font-size: 15px;
    }

    .op-plan-section,
    .op-org-section,
    .op-hrg-section {
        margin-top: 20px !important;
    }

    .op-plan-grid {
        grid-template-columns: 1fr;
    }

    .op-plan-card--tall {
        min-height: 0;
    }

    .op-plan-card-label {
        left: 14px;
        padding: 9px 14px;
        font-size: 17px;
    }

    .op-plan-subblock h3,
    .op-plan-card p {
        font-size: 15px;
    }

    .op-hiring-photo-section {
        margin-top: 40px;
    }

    .op-hiring-photo-copy {
        padding: 18px 0 20px 0;
    }

    .op-hiring-highlights {
        gap: 22px 24px;
    }

    .op-hiring-highlight-num {
        font-size: 28px;
    }

    .op-hiring-highlight p {
        font-size: 16px;
    }

    .op-hiring-photo-image {
        min-height: 300px;
    }

    .op-evp-section {
        margin-top: 40px;
        padding-top: 12px;
    }

    .op-evp-title {
        margin-bottom: 8px;
    }

    .op-evp-intro {
        font-size: 16px;
        line-height: 1.45;
        margin-bottom: 12px;
    }

    .op-evp-band,
    .op-evp-apart-label,
    .op-evp-future-label {
        grid-template-columns: 1fr auto 1fr;
    }

    .op-evp-apart-label,
    .op-evp-future-label {
        transform: translateY(-12px);
        margin-bottom: 14px;
    }

    .op-evp-band-label,
    .op-evp-apart-label span,
    .op-evp-future-label span {
        font-size: 15px;
        padding: 9px 14px;
    }

    .op-evp-feature-box {
        padding: 12px 10px 14px;
    }

    .op-evp-feature-caption {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .op-evp-pillars {
        grid-template-columns: 1fr;
    }

    .op-evp-pillar {
        border-right: none;
        border-bottom: 1px solid #c3d4dd;
        padding: 12px 8px;
    }

    .op-evp-pillar:last-child {
        border-bottom: none;
    }

    .op-evp-pillar h3,
    .op-evp-pillar p,
    .op-evp-apart-item p,
    .op-evp-future-col p,
    .op-evp-future-col li {
        font-size: 15px;
    }

    .op-evp-apart {
        padding: 18px 14px 16px;
    }

    .op-evp-apart-item {
        gap: 12px;
    }

    .op-evp-apart-item h3 {
        font-size: 17px;
    }

    .op-evp-num {
        font-size: 36px;
    }

    .op-evp-future {
        padding: 16px 10px;
    }

    .op-evp-future-col h3 {
        font-size: 18px;
    }

    .op-hiring-photo-title {
        font-size: 20px;
    }

    .op-hiring-photo-text {
        font-size: 15px;
        line-height: 1.55;
        max-width: 100%;
    }

    .op-hiring-photo-subtitle {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .op-hiring-highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 18px;
    }

    .op-hiring-highlight--wide {
        grid-column: span 2;
    }

    .op-hiring-photo-image {
        min-height: 240px;
    }

    .op-cadre-section {
        margin-top: 0;
        padding: 20px 14px 16px;
    }

    .op-cadre-box {
        padding: 24px 18px 18px;
    }

    .op-cadre-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .op-cadre-box-title,
    .op-hci-title,
    .op-hci-chart-title,
    .op-local-impact-title {
        font-size: 18px;
    }

    .op-cadre-title {
        font-size: 18px;
    }

    .op-cadre-intro,
    .op-cadre-list li,
    .op-hci-stat p,
    .op-hci-note,
    .op-local-card p,
    .op-local-subcard p,
    .op-local-transition p {
        font-size: 15px;
    }

    .op-hci-section,
    .op-local-section {
        margin-top: 40px;
    }

    .op-hci-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .op-hci-stats {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .op-hci-stat:last-child {
        grid-column: auto;
    }

    .op-hci-stat:last-child p {
        max-width: 100%;
    }

    .op-hci-row {
        grid-template-columns: 42px minmax(0, 1fr) 28px;
    }

    .op-local-card {
        max-width: 100%;
    }

    .op-local-impact {
        margin-top: 18px;
    }

    .op-local-stack {
        gap: 18px;
    }

    .op-local-transition {
        max-width: 100%;
    }
}

/* message-from-the-chairman start */
@media (max-width: 991px) {
    .mfc-hero {
        padding: 118px 0 42px;
    }
    .mfc-hero-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .mfc-hero-media {
        order: -1;
    }
    .mfc-block {
        padding: 28px 0;
    }
    .mfc-stats {
        grid-template-columns: 1fr;
        margin-top: 0;
    }
    .mfc-stat-card--left {
        border-right: none;
        border-bottom: 1px solid #d9dde3;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .mfc-hero {
        padding: 110px 0 34px;
    }
    .mfc-eyebrow {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .mfc-title {
        font-size: 32px;
        line-height: 1.08;
        margin-bottom: 16px;
    }
    .mfc-hero-copy {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .mfc-hero-sign {
        font-size: 16px;
    }
    .mfc-content {
        padding: 20px 0 40px;
    }
    .mfc-block .col-lg-12 > .mfc-quote-card,
    .mfc-block .col-lg-12 > .mfc-mini-panel,
    .mfc-block .col-lg-12 > .mfc-highlight-card,
    .mfc-block .col-lg-12 > .mfc-stats {
        margin-top: 18px;
    }
    .mfc-section-title {
        font-size: 24px;
        margin-bottom: 18px;
    }
    .mfc-theme-title {
        font-size: 30px;
        margin-bottom: 18px;
    }
    .mfc-quote-card,
    .mfc-mini-panel,
    .mfc-highlight-card,
    .mfc-stat-card {
        padding: 0px 10px;
    }
    .mfc-quote-card p,
    .mfc-highlight-card p {
        font-size: 16px;
    }
    .mfc-icon-placeholder {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
    }
    .mfc-stat-card h3 {
        font-size: 32px;
    }
}
/* message-from-the-chairman end */
/* about-adani-enterprises-limited start */
@media (max-width: 991px) {
    .aael-content {
        padding: 10px 0 20px;
    }
    .aael-vision-layout {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }
    .aael-vision-copy {
        padding-right: 0;
        padding-bottom: 0px;
        border-right: none;
        border-bottom: 1px solid #d7dce2;
    }
    .aael-investment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .aael-quote-panel {
        padding: 0px 0px ;
    }
    .aael-quote-panel p {
        font-size: 20px;
    }
    .aael-section-title {
        font-size: 24px;
    }
    .aael-copy p,
    .aael-copy li,
    .aael-vision-card p {
        font-size: 16px;
    }
    .aael-strategy-panel {
        padding: 24px 18px 22px;
    }
    .aael-strategy-panel h2,
    .aael-strategy-panel h3 {
        font-size: 18px;
    }
    .aael-strategy-point p,
    .aael-strategy-panel > p {
        font-size: 16px;
    }
    .aael-investment-box-wrap {
        margin-bottom: 24px;
    }
    .aael-investment-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .aael-investment-highlight {
        padding: 0;
        margin-bottom: 22px;
    }
    .aael-investment-highlight p {
        font-size: 20px;
    }
    .aael-investment-section{
        padding-bottom: 40px;
    }
    .aael-investment-copy p,
    .aael-investment-copy li,
    .aael-investment-intro p {
        font-size: 16px;
    }
    .aael-investment-copy h2 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .op-ase-section {
        margin-top: 40px;
    }
    .op-ase-top {
        --bs-gutter-x: 28px;
    }
    .op-ase-stats {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 12px;
    }
    .op-ase-stat-wide {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .op-ase-section {
        margin-top: 34px;
    }
    .op-ase-head {
        margin-bottom: 18px;
    }
    .op-ase-title {
        font-size: 18px;
        line-height: 1.08;
    }
    .op-ase-copy p,
    .op-ase-stat p {
        font-size: 15px;
    }
    .op-ase-stats {
        gap: 16px;
    }
    .op-ase-stat-num {
        font-size: 24px;
    }
    .op-ase-image-wrap {
        margin-top: 18px;
    }
}

@media (max-width: 991px) {
    .op-ld-section {
        margin-top: 42px;
    }
    .op-ld-grid {
        --bs-gutter-x: 24px;
    }
}

@media (max-width: 767px) {
    .op-ld-section {
        margin-top: 34px;
    }
    .op-ld-title {
        margin-bottom: 16px;
    }
    .op-ld-col h3 {
        font-size: 18px;
    }
    .op-ld-col p,
    .op-ld-col li {
        font-size: 15px;
    }
    .op-ld-col {
        margin-bottom: 6px;
    }
}

@media (max-width: 991px) {
    .op-cap-section {
        margin-top: 20px;
    }
    .op-cap-table {
        table-layout: auto;
    }
}

@media (max-width: 767px) {
    .op-cap-section {
        margin-top: 10px;
    }
    .op-cap-title {
        margin-bottom: 14px;
    }
    .op-cap-heading {
        gap: 10px;
        margin-bottom: 8px;
    }
    .op-cap-index {
        font-size: 20px;
    }
    .op-cap-heading h3 {
        font-size: 18px;
    }
    .op-cap-table,
    .op-cap-table thead,
    .op-cap-table tbody,
    .op-cap-table tr,
    .op-cap-table th,
    .op-cap-table td {
        display: block;
        width: 100%;
    }
    .op-cap-table thead {
        display: none;
    }
    .op-cap-table td {
        padding: 10px 0 0;
        border-left: none;
    }
    .op-cap-table td + td {
        padding-left: 0;
        border-left: none;
    }
    .op-cap-table tr + tr td {
        border-top: 1px solid #d7e4ea;
        padding-top: 12px;
        margin-top: 12px;
    }
    .op-cap-table h4 {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .op-lead-section {
        margin-top: 42px;
    }
}

@media (max-width: 767px) {
    .op-lead-section {
        margin-top: 34px;
    }
    .op-lead-title {
        margin-bottom: 14px;
    }
    .op-lead-table,
    .op-lead-table tbody,
    .op-lead-table tr,
    .op-lead-table th,
    .op-lead-table td {
        display: block;
        width: 100%;
    }
    .op-lead-table th {
        margin-top: 10px;
        padding: 12px 12px;
        border-bottom: 0;
    }
    .op-lead-table td {
        padding: 10px 0 12px;
        border-left: none;
        border-bottom: 1px solid #c9d3da;
    }
    .op-lead-table td + td {
        border-left: none;
        padding-left: 0;
    }
    .op-lead-table h3 {
        font-size: 17px;
    }
    .op-lead-table h4 {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .op-competency-section {
        margin-top: 42px;
    }
    .op-futurebox-section {
        margin-top: 42px;
    }
    .op-futurebox {
        padding: 22px 20px 24px;
    }
}

@media (max-width: 767px) {
    .op-competency-section {
        margin-top: 34px;
    }
    .op-competency-title {
        margin-bottom: 14px;
    }
    .op-competency-table,
    .op-competency-table thead,
    .op-competency-table tbody,
    .op-competency-table tr,
    .op-competency-table th,
    .op-competency-table td {
        display: block;
        width: 100%;
    }
    .op-competency-table thead {
        display: none;
    }
    .op-competency-table td {
        border-left: none;
        padding-left: 0;
    }
    .op-competency-table th + th,
    .op-competency-table td + td {
        padding-left: 0;
        border-left: none;
    }
    .op-competency-table td + td,
    .op-competency-table tr + tr td {
        border-top: 1px solid #d7e4ea;
        margin-top: 12px;
        padding-top: 12px;
    }

    .op-futurebox-section {
        margin-top: 34px;
    }
    .op-futurebox {
        padding: 18px 14px 18px;
    }
    .op-futurebox-title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .op-futurebox-inner {
        grid-template-columns: 1fr;
        padding: 14px 14px 16px;
    }
    .op-futurebox-col {
        padding: 0;
    }
    .op-futurebox-col-right {
        border-left: none;
        border-top: 1px solid #c8d4dc;
        margin-top: 16px;
        padding-top: 16px;
    }
    .op-futurebox-item {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .op-futurebox-item h3 {
        font-size: 16px;
    }
    .op-futurebox-item p {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .op-training-section {
        margin-top: 42px;
    }
    .op-training-box {
        max-width: 420px;
    }
}

@media (max-width: 767px) {
    .op-risk-chip::before {
        content: none;
    }
    .op-risk-response {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cr-approach-section{
        padding-top: 0px;
    }
    .op-training-section {
        margin-top: 34px;
    }
    .op-training-title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .op-training-item {
    min-width: 0;
    padding-bottom: 20px;
}
    .op-training-grid {
        display: block;
        gap: 18px;
    }
    .op-training-num {
        font-size: 24px;
        gap: 8px;
    }
    .op-training-item p {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .op-effect-section {
        margin-top: 20px;
    }
    .op-effect-section .container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .op-transition-section {
        margin-top: 42px;
    }
    .op-transition-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .op-performance-section {
        margin-top: 42px;
    }
    .op-performance-stat {
        padding-left: 0;
        margin-top: 18px;
    }
}

@media (max-width: 767px) {
    .op-effect-section {
        margin-top: 20px;
    }
    .op-worker-section{
        padding-top: 0;
    }
    .op-effect-title,
    .op-transition-title,
    .op-performance-title {
        font-size: 18px;
    }
    .op-effect-copy > p,
    .op-effect-lever p,
    .op-transition-copy,
    .op-transition-card p,
    .op-transition-outcomes p,
    .op-performance-copy p,
    .op-performance-stat p {
        font-size: 15px;
    }
    .op-effect-copy h3,
    .op-transition-subtitle {
        font-size: 17px;
    }
    .op-effect-lever h4,
    .op-transition-card h4 {
        font-size: 16px;
    }
    .op-transition-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .op-transition-card {
        padding: 14px 14px 14px;
    }
    .op-transition-outcomes {
        padding: 28px 16px 14px;
    }
    .op-transition-outcomes-head {
        font-size: 16px;
        padding: 10px 24px;
        top: -16px;
    }
    .op-performance-num {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .op-pms-section {
        margin-top: 42px;
    }
    .op-pms-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .op-dei-section {
        margin-top: 42px;
    }
    .op-dei-copy {
        max-width: 100%;
    }
    .op-dei-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .op-pms-section {
        margin-top: 34px;
    }
    .op-pms-title,
    .op-dei-title {
        font-size: 18px;
    }
    .op-pms-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .op-pms-card {
        padding: 16px 14px 18px;
    }
    .op-pms-card h3 {
        font-size: 17px;
    }
    .op-pms-card p,
    .op-dei-copy > p,
    .op-dei-copy li {
        font-size: 15px;
    }
    .op-dei-section {
        margin-top: 34px;
    }
    .op-dei-copy h3 {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .op-gender-section {
        margin-top: 42px;
    }
    .op-gender-grid {
        --bs-gutter-x: 24px;
    }
}

@media (max-width: 767px) {
    .op-gender-section {
        margin-top: 34px;
    }
    .op-gender-title {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .op-gender-col p {
        font-size: 15px;
        margin-bottom: 14px;
    }
    .op-gender-col h3 {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .op-gender-visual-section,
    .op-gender-timeline-section {
        margin-top: 28px;
    }
    .op-care-section {
        margin-top: 42px;
    }
    .op-care-quote {
        padding-top: 0;
        margin-top: 18px;
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .op-gender-visual-section,
    .op-gender-timeline-section {
        margin-top: 24px;
    }
    .op-gender-timeline p,
    .op-gender-timeline li,
    .op-care-copy p {
        font-size: 15px;
    }
    .op-gender-timeline h3,
    .op-care-copy h3 {
        font-size: 17px;
    }
    .op-care-section {
        margin-top: 34px;
    }
    .op-care-title {
        font-size: 18px;
    }
    .op-care-quote {
        font-size: 22px;
        line-height: 1.18;
    }
}

@media (max-width: 991px) {
    .op-well-section {
        margin-top: 42px;
    }
    .op-well-panel {
        padding: 22px 20px 22px;
    }
    .op-well-grid {
        --bs-gutter-x: 24px;
    }
}

@media (max-width: 767px) {
    .op-well-section {
        margin-top: 34px;
    }
    .op-well-banner {
        display: block;
        margin-left: 0;
        padding: 10px 16px;
        font-size: 18px;
    }
    .op-well-panel {
        padding: 18px 14px 18px;
    }
    .op-well-subtitle,
    .op-well-card h4 {
        font-size: 16px;
    }
    .op-well-list li {
        font-size: 15px;
    }
    .op-well-grid {
        --bs-gutter-x: 0;
    }
    .op-well-grid .col-lg-6 + .col-lg-6 {
        margin-top: 18px;
    }
}

@media (max-width: 991px) {
    .op-remote-section {
        margin-top: 42px;
    }
}

@media (max-width: 767px) {
    .op-remote-section {
        margin-top: 34px;
    }
    .op-remote-card h2 {
        font-size: 18px;
    }
    .op-remote-card p {
        font-size: 15px;
    }
    .op-remote-num {
        font-size: 28px;
    }
    .op-incident-section{
        padding-top: 0;
    }
    .op-awareness-section,.op-community-section{
        padding-top: 20px;
    }
    .op-awareness-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .op-awareness-quote p {
        font-size: 20px;
    }
    .op-capability-section{
        padding-top: 20px;
    }
    .op-community-grid{
        display: contents;
    }
    .op-safex-section, .op-air-section{
        padding-top: 20px;
    }
    .cr-benefits-grid{
        display: contents;
    }
    .cr-benefit-card{
        margin-top: 20px;
    }
    .cr-philosophy-section{
        padding-top: 0;
    }
    .cr-sdg-grid img{
        max-width: 200px;
    }
    .cr-impact-stat{
        padding-left: 0;
    }
    .cr-empower-section,.cr-invest-section{
        padding-top: 20px;
    }
    .cr-udaan-section,.cr-mhcu-section{
        padding-top: 20px;
    }
    .cr-school-donut-row{
        display: contents;
    }
    .cr-edu-block{
        padding: 0;
    }
    .cr-edu-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}
.cr-school-highlights{
    
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
    .main-mh{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cr-csr-program-copy{
        padding-top: 0;
    }
    .cr-major-card.new{
        width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 991px) {
    .op-worker-section,
    .op-engage-section,
    .op-townhall-section,
    .op-blood-section {
        margin-top: 20px;
    }
    .op-worker-panel {
        padding: 22px 18px 22px;
    }
    .op-worker-grid,
    .op-engage-grid,
    .op-townhall-row,
    .op-blood-row {
        --bs-gutter-x: 0;
    }
    .op-worker-grid{
        margin-top: 0;
    }
    .op-engage-panel {
        padding: 14px 14px 16px;
    }
    .op-listen-section {
        margin-top: 42px;
    }
    .op-listen-head,
    .op-listen-row {
        grid-template-columns: minmax(0, 1fr) 150px;
    }
    .op-listen-panel {
        padding: 16px 16px 18px;
    }
}

@media (max-width: 767px) {
    .op-worker-section,
    .op-engage-section,
    .op-townhall-section,
    .op-blood-section {
        margin-top: 20px;
    }
    .op-worker-banner {
        font-size: 18px;
        padding: 10px 16px;
    }
    .op-worker-panel {
        padding: 18px 14px 18px;
    }
    .op-worker-subtitle,
    .op-engage-subtitle {
        font-size: 17px;
    }
    .op-worker-card h4,
    .op-engage-card h4,
    .op-townhall-card h2,
    .op-blood-card h2 {
        font-size: 16px;
    }
    .op-worker-grid .col-lg-6 + .col-lg-6,
    .op-engage-grid .col-lg-4 + .col-lg-8,
    .op-townhall-row .col-lg-8,
    .op-blood-row .col-lg-8 {
        margin-top: 18px;
    }
    .op-engage-outcomes-head {
        font-size: 16px;
        padding: 10px 24px;
    }
    .op-engage-outcomes p,
    .op-townhall-card p,
    .op-blood-card p {
        font-size: 15px;
    }
    .op-listen-section {
        margin-top: 34px;
    }
    .op-listen-title,
    .op-listen-way h3 {
        font-size: 18px;
    }
    .op-listen-intro,
    .op-listen-row > div,
    .op-listen-panel > p,
    .op-listen-card h4,
    .op-listen-way-list li {
        font-size: 15px;
    }
    .op-listen-subtitle {
        font-size: 18px;
    }
    .op-listen-head,
    .op-listen-row {
        grid-template-columns: minmax(0, 1fr) 110px;
    }
    .op-listen-head > div:last-child {
        font-size: 16px;
    }
    .op-listen-row > div:last-child {
        font-size: 18px;
    }
    .op-listen-panel {
        padding: 14px 14px 16px;
    }
    .op-listen-grid .col-lg-6 + .col-lg-6 {
        margin-top: 16px;
    }
    .op-digital-section,
    .op-rights-section,
    .op-zero-section,
    .op-risk-section {
        margin-top: 20px;
        padding-top: 0;
    }
    .op-digital-row,
    .op-rights-row,
    .op-risk-row {
        --bs-gutter-x: 22px;
    }
    .op-digital-copy h2,
    .op-rights-copy h2,
    .op-risk-copy h2,
    .op-zero-title {
        font-size: 18px;
    }
    .op-rights-quote {
        font-size: 20px;
        line-height: 1.22;
    }
    .op-zero-grid {
        --bs-gutter-x: 18px;
        --bs-gutter-y: 18px;
    }
    .op-zero-card {
        min-height: 0;
        padding: 34px 22px 28px;
    }
    .op-risk-box {
        padding: 14px 14px 16px;
    }
    .op-risk-box-head {
        margin-top: -30px;
        font-size: 17px;
    }
    .op-risk-item {
        min-height: 90px;
        font-size: 15px;
        padding: 12px 12px;
    }
    .op-hrdd-section,
    .op-hrtrain-section,
    .op-remediation-section {
        margin-top: 40px;
    }
    .op-image-section {
        margin-top: 40px;
    }
    .op-labour-section {
        margin-top: 40px;
    }
    .op-hrdd-title,
    .op-hrtrain-title,
    .op-remediation-copy h2 {
        font-size: 18px;
    }
    .op-hrdd-copy,
    .op-hrtrain-intro,
    .op-remediation-copy p,
    .op-hrtrain-list li,
    .op-hrtrain-stat p {
        font-size: 15px;
    }
    .op-hrtrain-num {
        font-size: 30px;
    }
    .op-image-frame {
        padding: 10px;
        box-shadow: 6px 6px 0 rgba(26, 169, 216, 0.14);
    }
    .op-image-quote {
        font-size: 18px;
        line-height: 1.22;
        margin-top: 14px;
    }
    .op-labour-block {
        margin-bottom: 26px;
    }
    .op-labour-block h2 {
        font-size: 18px;
    }
    .op-labour-block h3 {
        font-size: 16px;
    }
    .op-labour-block p,
    .op-labour-note {
        font-size: 15px;
    }
}

/* about-adani-enterprises-limited end */

/* performance-highlights start */
@media (max-width: 991px) {
    .phl-rating-card--long {
        border-right: none;
        border-bottom: 1px solid #cfcfcf;
        padding-right: 0;
        padding-bottom: 24px;
    }
    .phl-rating-card--short {
        padding-left: 0;
    }
    .phl-esg-main-row .col-lg-4:nth-child(1) .phl-esg-block,
    .phl-esg-main-row .col-lg-4:nth-child(2) .phl-esg-block {
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .phl-stats-section {
        padding: 28px 0 56px;
        margin-top: 20px;
    }
    .phl-stats-row {
        row-gap: 28px;
    }
    .phl-stat-card h3,
    .phl-stat-card p {
        font-size: 16px;
    }
    .phl-stat-card h3 {
        font-size: 22px;
    }
    .phl-rating-section {
        padding: 0 0 30px;
    }
    .phl-rating-heading {
        min-width: 0;
    }
    .phl-rating-card h3 {
        font-size: 18px;
    }
    .phl-rating-value {
        font-size: 22px;
    }
    .phl-rating-agencies {
        font-size: 16px;
    }
    .phl-esg-section {
        padding: 0 0 40px;
    }
    .ic-overview-section{
        padding-top: 20px;
    }
    .ic-growth-block > .row > .col-lg-6 + .col-lg-6, .ic-tomorrow-block > .row > .col-lg-6 + .col-lg-6, .ic-discipline-top > .col-lg-6 + .col-lg-6{
        margin-top: 0;
    }
    .phl-esg-block {
        min-height: 0;
        padding-right: 0;
    }
    .phl-esg-value {
        font-size: 22px;
    }
    .phl-esg-subvalue {
        font-size: 18px;
    }
    .phl-esg-source {
        font-size: 16px;
    }
}
/* performance-highlights end */
/* investment-case start */
@media (max-width: 767px) {
    .ic-model-section {
        padding: 10px 0 20px;
    }
    .ic-model-wrap {
        padding: 12px 12px 16px;
    }
    .ic-model-head {
        display: block;
    }
    .ic-model-tag {
        width: 100%;
        justify-content: center;
    }
    .ic-model-head h2 {
        padding: 12px 14px;
        font-size: 18px;
    }
    .ic-model-body {
        padding: 14px 14px 16px;
    }
    .ic-model-body > p,
    .ic-model-copy > p,
    .ic-model-copy li {
        font-size: 16px;
    }
    .ic-model-copy--right {
        padding-left: 0;
    }
    .ic-model-value-box h3 {
        font-size: 24px;
    }
    .ic-model-metric-value {
        font-size: 24px;
    }
    .ic-model-metric p {
        font-size: 14px;
    }
    .ic-growth-section {
        padding: 0 0 20px;
    }
    .ic-growth-values {
        padding-left: 0;
        margin-top: 20px;
    }
    .ic-growth-copy h3,
    .ic-growth-values h4 {
        font-size: 22px;
    }
    .ic-growth-copy p,
    .ic-growth-body > p {
        font-size: 16px;
    }
    .ic-growth-stat-value {
        font-size: 24px;
    }
    .ic-growth-stat p {
        font-size: 14px;
    }
    .ic-tomorrow-section {
        padding: 0 0 20px;
    }
    .ic-capacity-box {
        padding: 14px 14px 12px;
    }
    .ic-capacity-box h5 {
        font-size: 16px;
    }
    .ic-capacity-row .col-md-4:nth-child(1) .ic-capacity-item,
    .ic-capacity-row .col-md-4:nth-child(2) .ic-capacity-item {
        border-right: none;
        border-bottom: 1px solid #c9c9c9;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .ic-capacity-value {
        font-size: 22px;
    }
    .ic-capacity-item p {
        font-size: 14px;
    }
    .ic-discipline-section {
        padding: 0 0 40px;
    }
    .ic-discipline-head {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ic-discipline-top p,
    .ic-discipline-table tbody li {
        font-size: 16px;
    }
    .ic-discipline-share,
    .ic-discipline-unlock {
        min-height: 0;
    }
    .ic-discipline-table table {
        min-width: 980px;
    }
    .ic-chart-box h4 {
        font-size: 16px;
    }
}
/* investment-case end */
/* our-approach-to-esg start */
@media (max-width: 991px) {
    .oae-message-copy--right {
        padding-left: 0;
        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .oae-content-section {
        padding: 18px 0 30px;
    }
    .oae-mini-card h2 {
        font-size: 24px;
    }
    .oae-mini-card p,
    .oae-message-copy p {
        font-size: 16px;
    }
    .oae-message-card {
        margin-top: 0;
        padding: 20px 18px 18px;
    }
    .oae-message-intro {
        gap: 14px;
        display: inline;
    }
    .oae-message-follow {
        padding-left: 0;
    }
    .oae-quote-mark {
        flex: 0 0 32px;
        width: 32px;
    }
    .oae-governance-section {
        padding: 0 0 30px;
    }
    .oae-governance-wrap {
        padding: 16px 12px 18px;
    }
    .oae-governance-wrap h2 {
        font-size: 22px;
    }
    .oae-governance-wrap > p,
    .oae-gov-panel p,
    .oae-gov-middle-copy p,
    .oae-performance-wrap > p,
    .oae-performance-table td,
    .oae-performance-note,
    .oae-rating-item p,
    .oae-award-card p {
        font-size: 16px;
    }
    .oae-gov-row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .oae-gov-row > div {
        padding-left: 12px;
        padding-right: 12px;
    }
    .oae-gov-row > div + div {
        margin-top: 18px;
    }
    .oae-gov-branch > h3::before,
    .oae-gov-branch > h3::after,
    .oae-gov-row--bottom::before {
        display: none;
    }
    .oae-gov-middle-copy::after {
        height: 14px;
    }
    .oae-performance-section {
        padding: 0 0 56px;
    }
    .oae-performance-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .oae-performance-sdgs {
        flex-wrap: wrap;
    }
    .oae-performance-table {
        overflow-x: auto;
    }
    .pl-section.enviropage .pl-intro-box{
        margin-bottom: 0;
    }
    .oae-performance-table table {
        min-width: 720px;
    }
    .oae-ratings-card {
        padding-bottom: 14px;
    }
    .oae-ratings-card .col-lg-4 + .col-lg-4 {
        margin-top: 18px;
    }
    .oae-rating-item {
        padding-right: 0;
    }
    .oae-ratings-card .col-lg-4:not(:last-child) .oae-rating-item {
        border-right: none;
        padding-bottom: 18px;
        border-bottom: 1px solid #5b5b5b;
    }
    .oae-awards-section .col-lg-6 + .col-lg-6 {
        margin-top: 24px;
    }
    .oae-business-awards-section .col-lg-6 + .col-lg-6 {
        margin-top: 24px;
    }
    .oae-business-awards-row {
        margin-top: 24px;
    }
    .oae-award-copy {
        width: calc(100% - 24px);
        margin-left: 12px;
        margin-top: -24px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
/* our-approach-to-esg end */
/* enviroment page css start*/
@media (max-width: 767px) {
    .env-linkages-section {
        padding: 18px 0 30px;
    }
    .env-quote{
        padding: 20px;
    }
    .env-quote p{
        font-size: 20px;
    }
    .env-linkages-wrap h2 {
        font-size: 24px;
    }
    .env-linkages-block h3,
    .env-linkages-wrap h2,
    .env-link-list p,
    .env-capitals-list p {
        font-size: 16px;
    }
    .env-linkages-bottom {
        margin-top: 18px;
    }
    .env-sdg-grid {
        grid-template-columns: repeat(4, minmax(0, 48px));
    }
    .env-linkages-block--bottom {
        margin-top: 24px;
        padding-top: 0;
    }
    .env-highlights-section {
        padding: 0 0 20px;
    }
    .env-highlights-wrap h2,
    .env-system-copy h3 {
        font-size: 22px;
    }
    .env-highlights-grid {
        margin-bottom: 40px;
    }
    .env-highlights-grid > [class*="col-"] {
        margin-bottom: 18px;
    }
    .env-highlight-col {
        padding-top: 0;
    }
    .env-highlight-col--divider::before {
        display: none;
    }
    .env-certification-inner {
        display: block;
        max-width: 100%;
    }
    .env-certification-item + .env-certification-item {
        border-left: 0;
        border-top: 1px solid #d3d3d3;
        padding-left: 0;
        margin-left: 0;
        margin-top: 18px;
        padding-top: 18px;
    }
    .env-certification-note {
        font-size: 13px;
    }
    .env-image-feature {
        margin-top: 28px;
    }
    .env-image-feature > img {
        height: auto;
    }
    .env-image-caption {
        position: static;
        max-width: 100%;
        margin: 0 16px;
        padding: 16px;
    }
    .env-image-caption p {
        font-size: 16px;
    }
    .env-focus-card {
        padding: 40px 16px 18px;
    }
    .env-focus-badge {
        width: calc(100% - 60px);
        text-align: center;
        font-size: 18px;
    }
    .env-focus-grid {
        row-gap: 20px;
    }
    .env-focus-grid > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .env-system-copy p,
    .env-focus-item p,
    .env-highlight-item p {
        font-size: 16px;
    }
    .env-monitoring-section {
        padding: 0 0 30px;
    }
    .env-monitoring-copy h3 {
        font-size: 22px;
    }
    .env-monitoring-copy p {
        font-size: 16px;
    }
    .env-monitoring-copy + .env-monitoring-copy,
    .env-monitoring-section .col-lg-6 + .col-lg-6 .env-monitoring-copy {
        margin-top: 8px;
    }
}
/* enviroment page css end*/

/* climate action page css start*/
@media (max-width: 767px) {
    .ca-content-section {
        padding: 18px 0 20px;
    }
    .ca-hero-copy {
        max-width: 100%;
        margin-top: 14px;
        margin-right: 0;
        padding: 16px;
    }
    .ca-hero-copy p {
        font-size: 16px;
    }
    .ca-governance-block h3,
    .ca-detail-block h3 {
        font-size: 22px;
    }
    .ca-intro-copy p,
    .ca-governance-block p,
    .ca-detail-block p {
        font-size: 16px;
    }
    .ca-governance-card h4 {
        font-size: 16px;
    }
    .ca-governance-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .ca-governance-grid > .col-md-6 {
        width: 100%;
    }
    .ca-governance-grid > .col-md-6:nth-child(1) {
        order: 1;
    }
    .ca-governance-grid > .col-md-6:nth-child(3) {
        order: 2;
    }
    .ca-governance-grid > .col-md-6:nth-child(2) {
        order: 3;
    }
    .ca-governance-grid > .col-md-6:nth-child(4) {
        order: 4;
    }
    .ca-detail-block--spacer {
        padding-top: 0;
    }
    .ca-risks-section {
        padding: 0 0 56px;
    }
    .ca-risks-wrap h3 {
        font-size: 22px;
    }
    .ca-risks-wrap > p,
    .ca-risks-table thead th,
    .ca-risks-table tbody td,
    .ca-risk-list li {
        font-size: 16px;
    }
    .ca-risks-copy p {
        font-size: 16px;
    }
    .ca-risks-copy h3 {
        font-size: 22px;
    }
    .ca-impact-grid > div {
        display: block;
    }
    .ca-impact-head {
        gap: 10px;
        margin-right: 10px;
    }
    .ca-impact-head h4,
    .ca-impact-body p,
    .ca-impact-list li {
        font-size: 16px;
    }
    .ca-impact-body h5 {
        font-size: 16px;
    }
    .ca-adaptation-copy h3 {
        font-size: 22px;
    }
    .ca-adaptation-copy p,
    .ca-adaptation-caption p {
        font-size: 16px;
    }
    .ca-risk-label span {
        font-size: 18px;
    }
    .ca-risks-table {
        min-width: 760px;
    }
}

/* about-adani-enterprises-limited end */

/* ============================================================
   RISKS AND OPPORTUNITIES PAGE — responsive
   ============================================================ */
@media (max-width: 991px) {
    .ro-hero { padding-top: 96px; }
    .ro-hero-row { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
    .ro-hero-text { padding: 20px 0 0; }
    .ro-hero-img { min-height: 300px; }
    .ro-focus { grid-template-columns: repeat(2, 1fr); }
    .ro-2col { grid-template-columns: 1fr; gap: 26px; }
    .ro-ctrl-grid { grid-template-columns: 1fr; }
    .ro-comm { grid-template-columns: 1fr; gap: 16px; }
    .ro-proc-grid { grid-template-columns: 1fr; gap: 24px; }
    .ro-inputs { grid-template-columns: 1fr 1fr; }
    .ro-esg-cols { grid-template-columns: 1fr; gap: 22px; }
    .ro-keys { grid-template-columns: 1fr; gap: 20px; }
    .ro-key-topics, .ro-key-pillars { grid-template-columns: 1fr; }
    .ro-risk-body { grid-template-columns: 1fr; gap: 22px; }
    .ro-risk-side { flex-direction: row; flex-wrap: wrap; gap: 20px 34px; }
    .ro-relopp-full { grid-column: 1 / -1; margin-top: 0; }
    .ro-opp-body { grid-template-columns: 1fr; gap: 22px; }
    .ro-opp-col { border-right: none; border-bottom: 1px solid #82cbc1; padding-right: 0; padding-bottom: 16px; }
    .ro-opp-col:last-child { border-bottom: none; padding-bottom: 0; }
}
@media (max-width: 767px) {
    .ro-hero { padding-top: 90px; }
    .ro-title { font-size: 26px; line-height: 34px; }
    .ro-hero-img { min-height: 220px; }
    .ro-h2, .ro-cat-head { font-size: 20px; }
    .ro-focus { grid-template-columns: 1fr; }
    .ro-inputs { grid-template-columns: 1fr; padding: 8px 12px; }
    .ro-input-box { border-right: none; border-bottom: 1px solid rgba(89, 186, 173, 1); padding: 10px 0; }
    .ro-input-box:last-child { border-bottom: none; }
    .ro-risk-tab { flex-wrap: wrap; gap: 8px; font-size: 14px; padding: 0; }
    .ro-risk-code, .ro-risk-name { font-size: 14px; padding: 7px 12px; box-shadow: 3px 3px 0 0 #82cbc1; -webkit-box-shadow: 3px 3px 0 0 #82cbc1; }
    .ro-risk-body, .ro-opp-body { padding: 20px 16px; box-shadow: 5px 5px 0 0 #bfc4c3; -webkit-box-shadow: 5px 5px 0 0 #bfc4c3; }
    .ro-risk-main p, .ro-risk-opp p, .ro-opp-col p, .ro-2col p { font-size: 15px; }
    .ro-comm-body { border-right: none; padding-right: 0; }
    .ro-proc-head-inner { position: static; transform: none; width: auto; }
    .st-hero-img img,.dm-hero-img img,.ro-hero-img img,.se-hero-img img{
        min-height: auto;
    }
}

/* ============================================================
   STRATEGY PAGE — responsive
   ============================================================ */
@media (max-width: 991px) {
    .st-hero { padding-top: 96px; }
    .st-hero-row { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
    .st-hero-text { padding: 20px 0 0; }
    .st-hero-img { min-height: 300px; }
    .st-lead-section { padding-top: 20px; }
    .st-lead-box { padding: 20px; }

    /* Corporate Governance banner: on mobile, GIF sits between title and quote
       (eyebrow -> title -> GIF full width -> quote) to match the other banners */
    .st-hero-row:has(.ne-hero-img--gif) { display: flex; flex-direction: column; gap: 20px; }
    .st-hero-row:has(.ne-hero-img--gif) .st-hero-text { display: contents; }
    .st-hero-row:has(.ne-hero-img--gif) .st-eyebrow { order: 1; }
    .st-hero-row:has(.ne-hero-img--gif) .st-title { order: 2; }
    .st-hero-row:has(.ne-hero-img--gif) .ne-hero-img--gif { order: 3; width: 100%; }
    .st-hero-row:has(.ne-hero-img--gif) .cg-quote-opener { order: 4; }
}
@media (max-width: 991px) {
    .st-legend { grid-template-columns: 1fr; gap: 20px; }
    .st-topics { grid-template-columns: 1fr; }
    .st-pillar-body { grid-template-columns: 1fr; gap: 24px; }
    .st-pillar-side { flex-direction: row; flex-wrap: wrap; gap: 20px 34px; }
}
@media (max-width: 767px) {
    .st-section{
        padding: 20px 0px;
    }
    .st-hero { padding-top: 90px; }
    .st-title { font-size: 26px; line-height: 34px; }
    .st-hero-img { min-height: 220px; }
    .st-h2 { font-size: 20px; }
    .st-pillar-tab { font-size: 14px; }
    .st-pillar-code, .st-pillar-name { padding: 10px 16px; font-size: 16px; }
    .st-pillar-body { padding: 20px 18px; }
}

/* ============================================================
   NEW ENERGY ECOSYSTEM PAGE — responsive
   ============================================================ */
@media (max-width: 991px) {
    .ne-hero { padding-top: 96px; }
    .ne-hero-row { grid-template-columns: 1fr; gap: 24px; min-height: 0; }
    .ne-hero-text { padding: 20px 0 0; }
    .ne-hero-img { min-height: 300px; }
    .ne-lead-section { padding-top: 34px; }
    .ne-lead-box { padding: 28px 24px; }
    .ne-lead-container { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 767px) {
    .ne-hero { padding-top: 90px; }
    .ne-title { font-size: 26px; line-height: 1.2; }
    .ne-title-icon { width: 48px; height: 48px; }
    .ne-hero-img { min-height: 220px; }
    .ne-h2 { font-size: 22px; }
    .ne-quote p, .ne-milestone p { font-size: 16px; }
    .ne-links { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .ne-list-3col { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
    .ne-stat-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .ne-scale-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .ne-promise-grid { grid-template-columns: 1fr 1fr; gap: 18px 20px; }
}
@media (max-width: 479px) {
    .ne-promise-grid { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
    .ne-list-2col4 { grid-template-columns: 1fr; grid-auto-flow: row; }
}

@media (max-width: 575px) {
    .ne-list-2col { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .ne-cert-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .ne-img-stats { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 767px) {
    .ne-em-img { grid-template-columns: 1fr; gap: 20px; }
    .ne-em-img .ne-img-ph { order: 2; }
}

/* climate action page css end*/

/* climate action page css callout start */
@media (max-width: 767px) {
    .ca-adaptation-callout-row {
        margin-top: 24px;
    }
    .ca-adaptation-callout {
        max-width: 100%;
        padding: 16px;
        box-shadow: 5px 5px 8px rgba(48, 221, 179, 0.22);
    }
.ca-adaptation-callout p {
        font-size: 16px;
    }
}
/* climate action page css callout end */

/* climate action page css transition start */
@media (max-width: 767px) {
    .ca-transition-row {
        margin-top: 32px;
    }
    .ca-transition-title {
        font-size: 20px;
        margin-bottom: 16px;
    }
    .ca-transition-panel {
        padding: 28px 14px 18px;
    }
    .ca-transition-badge {
        position: relative;
        top: 0;
        margin-bottom: 18px;
    }
    .ca-transition-badge h4 {
        font-size: 16px;
    }
    .ca-transition-content h5,
    .ca-transition-content > p,
    .ca-transition-col p {
        font-size: 16px;
    }
    .ca-transition-grid {
        margin-top: 16px;
        padding-top: 14px;
        row-gap: 16px;
    }
}
/* climate action page css transition end */

/* climate action page css financial start */
@media (max-width: 767px) {
    .ca-financial-block {
        max-width: 100%;
    }
    .ca-financial-block h3 {
        font-size: 20px;
    }
    .ca-financial-block p {
        font-size: 16px;
    }
}
/* climate action page css financial end */

/* climate action page css icp start */
@media (max-width: 767px) {
    .ca-icp-row {
        margin-top: 28px;
    }
    .ca-icp-panel {
        padding: 18px 14px;
        margin-bottom: 0;
    }
    .ca-icp-copy h3,
    .ca-icp-copy p,
    .ca-icp-card h4,
    .ca-icp-card p {
        font-size: 16px;
    }
    .ca-icp-copy {
        margin-bottom: 18px;
    }
    .ca-icp-grid {
        row-gap: 14px;
    }
}
/* climate action page css icp end */

/* climate action page css opportunity start */
@media (max-width: 767px) {
    .ca-opportunity-row {
        margin-top: 28px;
    }
    .ca-opportunity-block {
        max-width: 100%;
    }
    .ca-opportunity-block h3 {
        font-size: 20px;
    }
    .ca-opportunity-block p {
        font-size: 16px;
    }
}
/* climate action page css opportunity end */

/* climate action page css hydrogen start */
@media (max-width: 767px) {
    .ca-hydrogen-row {
        margin-top: 28px;
        row-gap: 20px;
        --bs-gutter-x: 0;
        padding: 0 0 14px 12px;
    }
    .ca-hydrogen-panel {
        padding: 0;
    }
    .ca-hydrogen-panel h3 {
        font-size: 18px;
        line-height: 1.05;
        padding-left: 14px;
    }
    .ca-hydrogen-panel p,
    .ca-hydrogen-caption p {
        font-size: 16px;
    }
    .ca-hydrogen-media img {
        margin-bottom: 14px;
    }
}
/* climate action page css hydrogen end */

/* climate action page css consolidated start */
@media (max-width: 767px) {
    .ca-strategy-row {
        margin-top: 28px;
        row-gap: 20px;
    }
    .ca-strategy-block {
        padding: 0 10px 16px;
    }
    .ca-strategy-decarbon-wrap,
    .ca-strategy-decarbon-secondary,
    .ca-scope3-block,
    .ca-non-ghg-block {
        margin-top: 22px;
    }
    .ca-strategy-block .ca-strategy-badge::before,
    .ca-strategy-block .ca-strategy-badge::after {
        width: calc(50% - 72px);
    }
    .ca-strategy-block .ca-strategy-badge h4,
    .ca-strategy-block .ca-strategy-panel-title,
    .ca-metrics-plan-head h5 {
        padding: 10px 12px;
        font-size: 16px;
    }
    .ca-strategy-block .ca-strategy-intro {
        margin-top: 14px;
        text-align: center;
    }
    .ca-strategy-block .ca-strategy-col,
    .ca-strategy-block .ca-strategy-water-item {
        padding: 12px;
        border-right: 0;
        border-bottom: 1px solid #c6c6c6;
    }
    .ca-strategy-fourcol > div:last-child .ca-strategy-col,
    .ca-strategy-water-grid > div:last-child .ca-strategy-water-item {
        border-bottom: 0;
    }
    .ca-strategy-block .ca-strategy-dual-row,
    .ca-metrics-plan-row,
    .ca-metrics-goals-row,
    .ca-metrics-progress-row,
    .ca-non-ghg-row {
        --bs-gutter-x: 0;
    }
    .ca-strategy-block .ca-strategy-dual-row {
        --bs-gutter-y: 18px;
    }
    .ca-metrics-row {
        margin-top: 28px;
    }
    .ca-metrics-plan-col,
    .ca-metrics-plan-col--short,
    .ca-metrics-plan-col--medium,
    .ca-metrics-plan-col--long {
        width: 100%;
    }
    .ca-metrics-plan-card {
        display: block;
    }
    .ca-metrics-plan-grid .col-md-12 .ca-metrics-plan-item,
    .ca-metrics-plan-grid .col-md-6 .ca-metrics-plan-item,
    .ca-metrics-plan-grid--single .ca-metrics-plan-item {
        padding: 14px 12px;
        border-left: 0;
        border-right: 0;
        box-shadow: none;
        min-height: 0;
    }
    .ca-metrics-goal-card {
        max-width: 200px;
        margin: 0 auto;
    }
    .ca-scope3-table-wrap,
    .ca-non-ghg-table-wrap,
    .ca-metrics-table-wrap {
        overflow-x: auto;
    }
    .ca-metrics-table {
        min-width: 420px;
    }
    .ca-scope3-table {
        min-width: 760px;
    }
    .ca-non-ghg-copy--side,
    .ca-non-ghg-table-wrap {
        max-width: 100%;
    }
    .ca-non-ghg-table-wrap {
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
    }
    .ca-non-ghg-table {
        min-width: 520px;
    }
}
/* climate action page css consolidated end */

/* energy management page css start */
@media (max-width: 767px) {
    .em-hero-copy {
        max-width: 100%;
        margin-top: 14px;
        margin-right: 0;
        padding: 16px;
    }
    .em-hero-goals-title {
        font-size: 18px;
    }
    .em-hero-goals-list li {
        font-size: 16px;
    }
    .em-hero-caption p {
        font-size: 16px;
    }
    .em-content-section {
        padding: 20px 0 30px;
    }
    .em-fms-panel {
        padding: 16px;
    }
    .em-fms-panel h3 {
        font-size: 18px;
    }
    .em-fms-grid {
        row-gap: 0;
    }
    .em-renewable-block h3 {
        font-size: 22px;
    }
    .em-scaling-box {
        padding: 16px;
        box-shadow: 5px 5px 8px rgba(48, 221, 179, 0.22);
    }
    .em-integrate-panel h3 {
        font-size: 20px;
    }
    .em-stats-box {
        padding: 20px 16px;
    }
    .em-stat-num {
        font-size: 30px;
    }
    .em-stat-highlight {
        font-size: 18px;
    }
    .em-intensity-card {
        margin-top: 6px;
    }
    .em-energy-table thead th,
    .em-energy-table tbody td {
        font-size: 16px;
    }
    .em-energy-title,
    .em-targets-title {
        font-size: 20px;
    }
    .em-targets-table {
        min-width: 680px;
    }
    .em-targets-table tbody td {
        padding: 16px 24px 16px 0;
    }
    .em-targets-table tbody td:nth-child(2)::after,
    .em-targets-table tbody td:nth-child(3)::after {
        right: 24px;
    }
    .em-target-name {
        padding: 14px 12px;
    }
    .em-updown-intro {
        font-size: 16px;
    }
    .em-updown-caption p {
        font-size: 16px;
    }
}
/* energy management page css end */

/* water stewardship page css start */
@media (max-width: 767px) {
    .synwater .ws-hero-copy {
        max-width: 100%;
        margin-top: 14px;
        margin-right: 0;
        padding: 16px;
    }
    .synwater .ws-hero-goals-title {
        font-size: 18px;
    }
    .synwater .ws-hero-goals-text {
        font-size: 18px;
    }
    .ws-content-section {
        padding: 20px 0 30px;
    }
    p.ws-stat-num{
        font-size: 24px;
    }
    .ws-title-dark{
        margin-top: 10px;
    }
    .ws-title-purple {
        font-size: 22px;
    }
    .ws-title-blue,
    .ws-lead {
        font-size: 18px;
    }
    .ws-stat-num {
        font-size: 30px;
    }
    .ws-stat-note--lg {
        font-size: 20px;
    }
    .ws-caption {
        gap: 12px;
        padding: 8px 12px;
    }
    .ws-caption p {
        font-size: 16px;
    }
    .ws-digital-panel h3 {
        font-size: 20px;
    }
    .ws-metrics-title,
    .ws-metrics-subtitle {
        font-size: 18px;
    }
    .ws-intensity-block {
        margin-top: 14px;
    }
    .ws-copy{
        margin-top: 10px;
    }
    .ws-digital-panel{
        margin-top: 10px;
    }
    .ws-leap-card{
        margin-bottom: 10px;
    }
    .ws-bio-card-body{
        margin-bottom: 10px;
    }
    .ws-metrics-table thead th,
    .ws-metrics-table tbody td {
        font-size: 16px;
    }
}
/* water stewardship page css end */

/* nature restoration panel responsive */
@media (max-width: 767px) {
    .ws-restore-badge {
        position: static;
        transform: none;
        max-width: 100%;
        margin-bottom: 14px;
    }
    .ws-restore-badge h4 {
        white-space: normal;
    }
    .ws-restore-panel {
        padding: 16px;
    }
    .ws-restore-num {
        font-size: 20px;
    }
}

/* board of directors profile responsive start */
@media (max-width: 767px) {
    .bd-section {
        padding: 30px 0 40px;
    }
    .bd-profile-head {
        gap: 18px;
        align-items: flex-start;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }
    .bd-profile-photo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bd-profile-name {
        font-size: 22px;
    }
}
/* board of directors profile responsive end */

/* board other directorships table responsive */
@media (max-width: 767px) {
    .bd-dir-table {
        min-width: 560px;
    }
    .bd-dir-table thead th,
    .bd-dir-table tbody td {
        font-size: 16px;
    }
}

/* global tax principles responsive */
@media (max-width: 991px) {
    .gt-principle-badge {
        margin-bottom: 12px;
    }
}
@media (max-width: 767px) {
    .gt-principles-section {
        padding: 0 0 20px;
    }
    .gt-principles-title {
        font-size: 20px;
    }
    .gt-structure-section{
        padding-bottom: 20px;
    }
}

/* global tax risk management responsive */
@media (max-width: 767px) {
    .gt-risk-badge {
        position: static;
        transform: none;
        max-width: 100%;
        margin-bottom: 14px;
        clip-path: none;
    }
    .gt-risk-badge h4 {
        white-space: normal;
    }
    .gt-risk-panel {
        padding: 16px;
        margin-top: 0;
    }
    .gt-country-section{
        padding-bottom: 20px;
    }
    .gt-exch-total{
        position: relative;
    }
    .gt-risk-cell {
        padding: 16px 4px;
    }
    .gt-risk-cell:nth-child(odd) {
        border-right: none;
    }
    .gt-risk-cell:nth-child(3) {
        border-bottom: 1px solid #7fc6c6;
    }
    .gt-risk-cell:last-child {
        border-bottom: none;
    }
}

/* global tax exchequer responsive */
@media (max-width: 991px) {
    .gt-exch-list {
        margin-top: 24px;
    }
}

/* global tax state-wise grid responsive */
@media (max-width: 767px) {
    .gt-state-cell {
        padding: 16px 8px;
    }
    .gt-state-cell:not(:nth-child(4n))::after {
        display: none;
    }
    .gt-state-cell:nth-child(odd)::after {
        content: "";
        display: block;
        position: absolute;
        top: 14px;
        bottom: 14px;
        right: 0;
        width: 1px;
        background: #d5d5d5;
    }
    .gt-state-map {
        width: 50px;
    }
    .gt-state-num {
        font-size: 20px;
    }
}

/* global tax vertical-wise responsive */
@media (max-width: 767px) {
    .gt-vert-total {
        position: static;
        transform: none;
        max-width: 100%;
        margin-bottom: 14px;
    }
    .gt-vert-panel {
        padding: 16px 6px;
    }
    .gt-vert-cell {
        padding: 16px 10px;
    }
    .gt-vert-cell:not(:nth-child(3n))::after {
        display: none;
    }
    .gt-vert-cell:nth-child(odd)::after {
        content: "";
        display: block;
        position: absolute;
        top: 14px;
        bottom: 14px;
        right: 0;
        width: 1px;
        background: #d5d5d5;
    }
    .gt-vert-num {
        font-size: 21px;
    }
}

/* corporate social responsibility - core tenets responsive */
@media (max-width: 991px) {
    .cr-tenets-grid {
        gap: 18px 20px;
    }
    .cr-tenet-arc {
        width: 150px;
        height: 150px;
        border-width: 9px;
    }
    .cr-tenet-item span {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .cr-tenets-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        justify-items: center;
    }
    .cr-tenet-item {
        min-height: 0;
    }
    .cr-tenet-arc {
        width: 160px;
        height: 160px;
    }
}

/* csr - stakeholder flow + major interventions responsive */
@media (max-width: 767px) {
    .cr-flow-section,
    .cr-major-section {
        padding-top: 32px;
    }
    .cr-flow-bottom {
        margin-top: 24px;
    }
    .cr-flow-card {
        padding: 16px 16px 14px;
        box-shadow: 5px 5px 0 rgba(26, 169, 216, 0.14);
    }
    .cr-flow-card h3 {
        font-size: 16px;
    }
    .cr-flow-list {
        font-size: 15px;
    }
    .cr-major-image {
        min-height: 300px;
    }
    .cr-major-card {
        padding: 16px 14px 14px;
        margin-top: -10px;
    }
    .cr-major-tag {
        margin: -30px 0 12px 0;
        font-size: 16px;
        padding: 6px 14px 5px;
    }
    .cr-major-card p,
    .cr-major-list li {
        font-size: 14px;
    }
}

/* csr - women-skilling caption stays overlaid on the image (not dropped below) */
@media (max-width: 991.98px) {
    .cr-major-section--women-skilling .cr-major-card--lower {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        background: transparent;
    }
    .cr-major-section--women-skilling .cr-major-card--lower .cr-major-tag {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: 15px;
        padding: 10px 14px;
    }
}

/* csr - GARV sports table scrolls horizontally on mobile */
@media (max-width: 767px) {
    .cr-garv-table {
        min-width: 620px;
    }
    .cr-garv-table thead th,
    .cr-garv-table tbody td {
        font-size: 14px;
    }
}

/* Prev/Next page navigation — stay side by side on every screen; long titles
   wrap onto multiple lines rather than stacking or overflowing */
@media (max-width: 991.98px) {
    .page-nav-inner { gap: 16px; }
    .page-nav-link { max-width: 49%; gap: 10px; }
    .page-nav-txt { min-width: 0; }
    .page-nav-txt > span { font-size: 14px; overflow-wrap: anywhere; }
}

@media (max-width: 767px) {
    .page-nav { padding: 20px 0; }
    .page-nav-inner { gap: 12px; align-items: center; }
    /* Arrows sit centred against the wrapped title block, not pinned to line 1 */
    .page-nav-link { max-width: 50%; gap: 8px; align-items: center; }
    .page-nav-arrow { font-size: 18px; }
    .page-nav-txt > span { font-size: 13px; line-height: 1.35; }
}

@media (max-width: 400px) {
    .page-nav-inner { gap: 8px; }
    .page-nav-link { gap: 6px; }
    .page-nav-txt > span { font-size: 12px; }
    .page-nav-arrow { font-size: 16px; }
}

/* ============================================================
   KEY LINKAGES — responsive (all page variants)
   ============================================================ */
/* Tablet: collapse the 3-col grids to 2 columns */
@media (max-width: 991px) {
    .cg-kl-top { grid-template-columns: 1fr 1fr; gap: 24px 28px; }
    .cg-kl-sub { grid-template-columns: 1fr; gap: 24px; }
}
/* Phone: everything stacks to a single column */
@media (max-width: 767px) {
    .cg-linkage { margin-top: 4px; }
    .cg-kl-top { grid-template-columns: 1fr; gap: 22px; }
    .cg-cap-list { grid-template-columns: 1fr 1fr; gap: 12px 20px; }
    .cg-sdg-row .cg-sdg-img { max-height: 60px; }
    /* Inner 2-column capital lists on the op-/env- pages */
    .op-capital-list--2col { grid-template-columns: 1fr 1fr; gap: 14px 20px; }
    .env-capitals-list--2col { grid-template-columns: 1fr 1fr; gap: 10px 20px; }
}
/* Small phone: single column for the capital lists too */
@media (max-width: 479px) {
    .cg-cap-list,
    .op-capital-list--2col,
    .env-capitals-list--2col { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .search-page .syn-hero {
        padding: 100px 0 56px;
    }
    .search-page .yb-search-box {
        min-height: 56px;
        margin-top: 16px;
        padding: 0 18px;
        border-radius: 28px;
    }
    .search-page .yb-search-input {
        height: 54px;
        font-size: 17px;
    }
    .search-page .search-widget-results--page {
        margin-top: 14px;
        border-radius: 16px;
    }
}

@media (max-width: 480px) {
    .search-page .syn-hero {
        padding: 94px 0 46px;
    }
    .search-page .yb-search-box {
        min-height: 52px;
        margin-top: 12px;
        padding: 0 16px;
        border-radius: 24px;
    }
    .search-page .yb-search-input {
        height: 50px;
        font-size: 16px;
    }
    .search-page .search-widget-results--page {
        margin-top: 12px;
        border-radius: 14px;
    }
}