/* =========================================================
   RESPONSIVE STYLES – Lloyds Metals Annual Report 2025-26
   ========================================================= */

/* ---- iMac / 4K (1920 – 2560px) ---- */
@media (min-width: 1920px) and (max-width: 2560px) {

    /* Hero */
    .hero_content_wrp {
        width: 30%;
        padding: 90px 65px 65px 65px;
    }

    .hero_content_wrp .hero_headline .hero_title {
        font-size: 96px;
    }

    .hero_content_wrp .hero_headline {
        padding-top: 50px;
    }

    .hero_content_wrp .hero_report_info .report_title {
        font-size: 26px;
    }
}

/* ---- Large Desktop (1600 – 1919px) ---- */
@media (min-width: 1600px) and (max-width: 1919px) {
    .hero_content_wrp .hero_headline .hero_title {
        font-size: 84px;
    }

    .hero_content_wrp .hero_report_info .report_title {
        font-size: 24px;
    }
}

/* ---- Medium Desktop (1400 – 1599px) ---- */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .hero_content_wrp .hero_headline .hero_title {
        font-size: 76px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline {
        padding-top: 20px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title {
        font-size: 18px;
    }

}

/* ---- Small Desktop / Large Laptop (1024 – 1399px) ---- */
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .hero_content_wrp {
        width: 38%;
        padding: 75px 40px 48px 40px;
    }

    .hero_content_wrp .hero_headline .hero_title {
        font-size: 60px;
    }

    .hero_content_wrp .hero_headline {
        padding-top: 30px;
    }

    .hero_content_wrp .hero_report_info .report_title {
        font-size: 20px;
    }

    .hero_scroll_cta {
        bottom: 24px;
        right: 24px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline {
        padding-top: 20px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title {
        font-size: 18px;
    }


}

/* ---- Tablet Landscape (768 – 1023px) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .site-header .header-inner {
        width: 95%;
    }

    .hero_content_wrp {
        width: 50%;
        padding: 75px 36px 44px 36px;
    }

    .hero_content_wrp .hero_headline .hero_title {
        font-size: 52px;
        letter-spacing: -0.5px;
    }

    .hero_content_wrp .hero_headline .hero_tagline {
        font-size: 13px;
    }

    .hero_content_wrp .hero_report_info .report_title {
        font-size: 18px;
    }

    .hero_scroll_cta {
        bottom: 20px;
        right: 20px;
    }
}

/* ---- Tablet Portrait (768px portrait) ---- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hero_content_wrp {
        width: 60%;
        padding: 75px 32px 40px 32px;
    }

    .hero_content_wrp .hero_headline .hero_title {
        font-size: 48px;
    }

    .hero_banner_wrp .hero_img img.dektop_bnr {
        object-position: 60% center;
    }
}

/* ---- Mobile (up to 767px) ---- */
@media (min-width: 320px) and (max-width: 767px) {
    .site-header .header-inner {
        width: 100%;
        padding: 0 20px;
        height: 60px;
    }

    /* Switch to mobile banner image */
    .hero_banner_wrp .hero_img img.dektop_bnr {
        display: none;
    }

    .hero_banner_wrp .hero_img img.mobile_bnr {
        display: block;
        object-position: center top;
    }

    /* White panel: full width, auto height, sits at top */
    .hero_content_wrp {
        width: 100%;
        height: auto;
        position: relative;
        padding: 60px 22px 36px 22px;
        z-index: 2;
    }

    .hero_content_wrp .hero_headline {
        padding-top: 0;
    }

    .hero_content_wrp .hero_headline .hero_title {
        font-size: 40px;
        margin: 0 0 16px;
    }

    .hero_content_wrp .hero_headline .hero_tagline {
        font-size: 12px;
    }

    .hero_content_wrp .hero_report_info {
        margin-top: 36px;
    }

    .hero_content_wrp .hero_report_info .report_title {
        font-size: 18px;
        margin: 0 0 20px;
    }

    /* Image fills the rest of the viewport below the white panel */
    .hero_banner_wrp {
        height: auto;
        min-height: auto;
        display: flex;
        flex-direction: column;
    }

    .hero_banner_wrp .hero_img {
        position: relative;
        flex: 1;
        min-height: 300px;
    }

    .hero_banner_wrp .hero_img img {
        height: 100%;
        min-height: 300px;
    }

    .hero_banner_wrp .hero_video {
        position: relative;
        flex: 1;
        min-height: 300px;
    }

    .hero_banner_wrp .hero_video video {
        height: 100%;
        min-height: 300px;
    }

    .hero_banner_wrp .hero_video video.desktop_video {
        display: none;
    }

    .hero_banner_wrp .hero_video video.mobile_video {
        display: block;
    }

    .hero_scroll_cta {
        bottom: 16px;
        right: 16px;
        gap: 10px;
    }

    .hero_scroll_cta .scroll_label {
        font-size: 11px;
    }

    .hero_scroll_cta .scroll_btn {
        width: 34px;
        height: 34px;
    }
}

/* ---- Small Mobile (up to 380px) ---- */
@media (max-width: 380px) {
    .hero_content_wrp .hero_headline .hero_title {
        font-size: 36px;
    }

    .hero_content_wrp .hero_report_info .report_title {
        font-size: 16px;
    }
}


/* =========================================================
   INTRODUCTION SECTION – Responsive
   ========================================================= */

/* ---- iMac / 4K (1920 – 2560px) ---- */
@media (min-width: 1920px) and (max-width: 2560px) {
    .introduction_wrp {
        padding: 70px 0;
    }

    .introduction_wrp .common_title {
        font-size: 40px;
    }

    .introduction_wrp .desc_wrp p {
        font-size: 16px;
    }
}

/* ---- Large Desktop (1600 – 1919px) ---- */
@media (min-width: 1600px) and (max-width: 1919px) {
    .introduction_wrp {
        padding: 70px 0;
    }

    .introduction_wrp .common_title {
        font-size: 40px;
    }
}

/* ---- Medium Desktop (1400 – 1599px) ---- */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .introduction_wrp .common_title {
        font-size: 40px;
    }
}

/* ---- Small Desktop / Large Laptop (1024 – 1399px) ---- */
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .introduction_wrp {
        padding: 75px 0;
    }

    .introduction_wrp .common_title {
        font-size: 38px;
    }

    .introduction_wrp hr {
        margin: 0 0 44px;
    }
}

/* ---- Tablet Landscape (768 – 1023px) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .introduction_wrp {
        padding: 65px 0;
    }

    .introduction_wrp .common_title {
        font-size: 38px;
        line-height: 1.22;
    }

    .introduction_wrp hr {
        margin: 0 0 36px;
    }

    .introduction_wrp .desc_wrp {
        padding-top: 32px;
    }

    .introduction_wrp .desc_wrp p {
        font-size: 15px;
    }
}

/* ---- Tablet Portrait (768px portrait) ---- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .introduction_wrp .common_title {
        font-size: 36px;
    }

    /* Stack cols: description moves below heading */
    .introduction_wrp .desc_wrp {
        justify-content: flex-start;
        padding-top: 32px;
    }
}

/* ---- Mobile (up to 767px) ---- */
@media (min-width: 320px) and (max-width: 767px) {
    .introduction_wrp {
        padding: 52px 0;
    }

    .introduction_wrp .inner_container {
        width: 100%;
        padding: 0 20px;
    }

    .introduction_wrp .small_title {
        font-size: 12px;
    }

    .introduction_wrp hr {
        margin: 0 0 28px;
    }

    .introduction_wrp .common_title {
        font-size: 30px;
        line-height: 1.25;
        margin-bottom: 28px;
    }

    .introduction_wrp .desc_wrp {
        justify-content: flex-start;
        padding-top: 0;
        height: auto;
    }

    .introduction_wrp .desc_wrp p {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 28px;
    }

    .introduction_wrp .desc_wrp .common_cta {
        font-size: 13px;
        padding: 10px 10px 10px 18px;
    }

    .introduction_wrp .desc_wrp .common_cta .arrw_cta {
        width: 32px;
        height: 32px;
        margin-left: 14px;
    }
}

/* ---- Small Mobile (up to 380px) ---- */
@media (max-width: 380px) {
    .introduction_wrp .common_title {
        font-size: 26px;
    }

    .introduction_wrp .desc_wrp p {
        font-size: 13px;
    }
}


/* =========================================================
   MESSAGE FROM MD/CHAIRMAN – Responsive
   ========================================================= */

/* ---- iMac / 4K (1920 – 2560px) ---- */
@media (min-width: 1920px) and (max-width: 2560px) {
    .msg_slide_lhs {
        padding: 50px 50px 50px 0px;
    }

    .msg_nav_arrows {
        top: 84px;
        right: 64px;
    }

    .msg_thumbs_wrap {
        bottom: 75px;
        left: 120px;
    }

    /* .msg_thumb_btn {
        width: 64px;
        height: 64px;
    } */
}

/* ---- Large Desktop (1600 – 1919px) ---- */
@media (min-width: 1600px) and (max-width: 1919px) {
    .msg_slide_lhs {
        padding: 56px 72px 60px;
    }

    .msg_nav_arrows {
        top: 56px;
        right: 56px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .msg_thumbs_wrap {
        position: absolute;
        bottom: 75px;
        left: 156px;
    }
}

/* ---- Small Desktop / Large Laptop (1024 – 1399px) ---- */
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .msg_slide_lhs {
        padding: 40px 44px 44px;
    }

    .msg_nav_arrows {
        top: 40px;
        right: 40px;
    }

    .msg_thumbs_wrap {
        bottom: 75px;
        right: 32px;
    }
}

/* ---- Tablet Landscape (768 – 1023px) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .msg_section_wrp {
        height: auto;
    }

    .msg_inner {
        flex-direction: column;
        height: auto;
    }

    .msg_lhs {
        width: 100%;
        min-height: 460px;
    }

    .msg_rhs {
        width: 100%;
        height: 55vw;
        max-height: 520px;
    }

    .msg_slide_lhs {
        padding: 40px 48px 44px;
    }

    .msg_nav_arrows {
        top: 24px;
        right: 24px;
    }

    .msg_thumbs_wrap {
        bottom: 24px;
        right: 24px;
    }

    /* .msg_thumb_btn {
        width: 48px;
        height: 48px;
    } */
}

/* ---- Tablet Portrait ---- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .msg_section_wrp {
        height: auto;
    }

    .msg_inner {
        flex-direction: column;
        height: auto;
    }

    .msg_lhs,
    .msg_rhs {
        width: 100%;
    }

    .msg_lhs {
        min-height: 480px;
    }

    .msg_rhs {
        height: 60vw;
    }
}

/* ---- Mobile (up to 767px) ---- */
@media (min-width: 320px) and (max-width: 767px) {
    .msg_section_wrp {
        height: auto;
    }

    .msg_inner {
        flex-direction: column;
        height: auto;
    }

    .msg_lhs {
        width: 100%;
        min-height: 400px;
    }

    .msg_rhs {
        width: 100%;
        height: 80vw;
        max-height: 380px;
    }

    .msg_slides_lhs {
        min-height: 400px;
    }

    .msg_slide_lhs {
        padding: 28px 24px 32px;
    }

    .msg_label {
        font-size: 12px;
        margin-bottom: 14px;
    }

    .msg_bottom_row {
        flex-wrap: wrap;
        gap: 14px;
    }

    .msg_nav_arrows {
        top: 16px;
        right: 16px;
        gap: 8px;
    }

    .msg_arr_btn {
        width: 36px;
        height: 36px;
    }

    .msg_arr_btn img {
        width: 13px;
    }

    .msg_thumbs_wrap {
        bottom: 16px;
        right: 16px;
        gap: 8px;
    }

    /* .msg_thumb_btn {
        width: 44px;
        height: 44px;
    } */

    .msg_read_cta .msg_cta_circle {
        width: 38px;
        height: 38px;
    }

    .msg_read_cta .msg_cta_circle img {
        width: 13px;
    }
}

/* ---- Small Mobile (up to 380px) ---- */
@media (max-width: 380px) {
    .msg_slide_lhs {
        padding: 24px 18px 28px;
    }

    .msg_lhs {
        min-height: 360px;
    }

    .msg_slides_lhs {
        min-height: 425px;
    }

    .msg_bottom_row .common_cta::before {
        top: 10px;
        right: 24px;
    }

}


/* =========================================================
   LMEL AT A GLANCE – Responsive
   ========================================================= */

/* ---- iMac / 4K (1920 – 2560px) ---- */
@media (min-width: 1920px) and (max-width: 2560px) {
    .lmel_glance_wrp .glance_inner {
        max-width: 1280px;
    }

    .lmel_glance_wrp .vm_heading {
        font-size: 30px;
    }
}

/* ---- Large Desktop (1600 – 1919px) ---- */
@media (min-width: 1600px) and (max-width: 1919px) {
    .lmel_glance_wrp .glance_inner {
        width: 78%;
    }
}

/* ---- Small Desktop / Large Laptop (1024 – 1399px) ---- */
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .lmel_glance_wrp {
        padding: 64px 0;
    }

    .lmel_glance_wrp .glance_inner {
        width: 85%;
    }

    .lmel_glance_wrp .mission_card {
        padding: 32px;
    }

    .lmel_glance_wrp .vm_heading {
        font-size: 22px;
    }

    .lmel_glance_wrp .vm_icon_wrap {
        width: 56px;
        height: 56px;
    }
}

/* ---- Tablet Landscape (768 – 1023px) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .lmel_glance_wrp {
        padding: 56px 0;
    }

    .lmel_glance_wrp .glance_inner {
        width: 90%;
    }

    .lmel_glance_wrp .glance_lhs {
        padding-right: 20px;
        padding-bottom: 32px;
    }

    .lmel_glance_wrp .vm_card {
        margin-top: 28px;
        padding: 24px;
    }

    .lmel_glance_wrp .mission_card {
        padding: 28px;
        margin-top: 16px;
    }

    .lmel_glance_wrp .vm_icon_wrap {
        width: 56px;
        height: 56px;
    }

    .lmel_glance_wrp .vm_heading {
        font-size: 22px;
    }

    .lmel_glance_wrp .mission_card .mission_list li {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .lmel_glance_wrp .mission_card .glance_cta_row {
        margin-top: 36px;
    }
}

/* ---- Mobile (up to 767px) ---- */
@media (min-width: 320px) and (max-width: 767px) {
    .lmel_glance_wrp {
        padding: 44px 0;
    }

    .lmel_glance_wrp .glance_inner {
        width: 100%;
        padding: 0 20px;
    }

    .lmel_glance_wrp .glance_lhs {
        padding-right: 0;
        padding-bottom: 28px;
    }

    .lmel_glance_wrp .glance_lhs .glance_desc {
        max-width: 100%;
        font-size: 14px;
    }

    .lmel_glance_wrp .vm_card {
        margin-top: 0;
        padding: 20px;
    }

    .lmel_glance_wrp .mission_card {
        padding: 24px 20px;
        margin-top: 16px;
    }

    .lmel_glance_wrp .vm_icon_wrap {
        width: 48px;
        height: 48px;
    }

    .lmel_glance_wrp .vm_heading {
        font-size: 20px;
    }

    .lmel_glance_wrp .vm_card_head,
    .lmel_glance_wrp .mission_card_head {
        gap: 14px;
        margin-bottom: 16px;
    }

    .lmel_glance_wrp .mission_card .mission_card_head {
        margin-bottom: 24px;
    }

    .lmel_glance_wrp .mission_card .mission_list {
        margin-bottom: 24px;
    }

    .lmel_glance_wrp .mission_card .mission_list li {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .lmel_glance_wrp .mission_card .glance_cta_row {
        margin-top: 28px;
    }
}

/* ---- Small Mobile (up to 380px) ---- */
@media (max-width: 380px) {
    .lmel_glance_wrp .mission_card {
        padding: 20px 16px;
    }

    .lmel_glance_wrp .vm_card {
        padding: 16px;
    }

    .lmel_glance_wrp .mission_card .mission_list li {
        font-size: 13px;
    }
}


/* =========================================================
   BUSINESS REVIEW – STACKING CARDS – Responsive
   ========================================================= */

/* ---- iMac / 4K (1920 – 2560px) ---- */
@media (min-width: 1920px) {
    .br_card_lhs {
        padding: 72px 64px 72px 120px;
    }
}

/* ---- Small Desktop / Large Laptop (1024 – 1399px) ---- */
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .br_card_lhs {
        padding: 44px 36px 44px 60px;
    }

    .br_stats_grid {
        gap: 20px 24px;
    }
}

/* ---- Tablet Landscape (768 – 1023px) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .br_card_lhs {
        padding: 36px 24px 36px 40px;
    }

    .br_card_header {
        margin-bottom: 24px;
    }

    .br_stats_grid {
        gap: 18px 20px;
    }

    .br_stat_badge {
        font-size: 12px;
        padding: 2px 10px;
    }
}

/* ---- Mobile (up to 767px) ---- */
@media (min-width: 320px) and (max-width: 767px) {

    /* Swiper replaces pin/stack */
    .buss_review_wrp {
        height: auto;
        overflow: hidden;
        padding: 40px 15px;
    }

    .br_swiper {
        width: 100%;
    }

    .br_card {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        border-top: none;
    }

    .br_card>.row {
        height: auto;
        flex-direction: column;
    }

    /* Image column moves above content on mobile */
    .br_card>.row> :last-child {
        order: -1;
    }

    .br_card_rhs {
        height: auto;
        min-height: auto;
    }

    .br_card_rhs .br_card_img {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    .br_card_lhs {
        height: auto;
        padding: 28px 20px 32px;
        justify-content: flex-start;
        gap: 24px;
    }

    .br_card_header {
        margin-bottom: 0;
    }

    .br_stats_grid {
        gap: 16px 16px;
    }

    .br_stat_val {
        margin-bottom: 4px;
    }

    .br_stat_badge {
        font-size: 11px;
        padding: 2px 10px;
    }

    .br_design_el {
        max-width: 45%;
    }

    /* Swiper pagination dots */
    .br_swiper_pagination {
        position: relative !important;
        bottom: auto !important;
        text-align: center;
        padding: 14px 0 6px;
    }

    .br_swiper_pagination .swiper-pagination-bullet {
        background: #1a1a1a;
        opacity: 0.25;
        width: 8px;
        height: 8px;
    }

    .br_swiper_pagination .swiper-pagination-bullet-active {
        background: #cc1414;
        opacity: 1;
    }
}

/* ---- Small Mobile (up to 380px) ---- */
@media (max-width: 380px) {
    .br_card_lhs {
        padding: 24px 16px 28px;
    }

    .br_stats_grid {
        grid-template-columns: 1fr;
    }

    .br_stat_item.br_stat_full {
        grid-column: auto;
    }
}

@media (min-width: 1921px) and (max-width: 2560px) {}

@media (min-width: 1600px) and (max-width: 1920px) {

    .fs_menu_overlay .fs_menu_container {
        padding: 60px 0 60px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        bottom: 200px;
    }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        bottom: 85px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_title {
        font-size: 36px;
        margin: 0 0 5px 0;
    }

    /* .msg_section_wrp {
        width: 100%;
        height: 700px;
    }

    .msg_slide_rhs img {
        left: 85px;
    }

    .msg_desg_rhs img {
        display: none;
    }

    .msg_slide_rhs::before {

        content: '';
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50px;
        background-color: #fff;

    }

    .msg_slide_rhs::after {

        content: '';
        width: 100%;
        height: 10px;
        position: absolute;
        bottom: 125px;
        left: 0px;
        background-color: #fff;

    } */

    .br_stat_val {
        font-size: 26px;
    }

    .br_stats_grid {
        gap: 10px 32px;
    }

    .small_title {
        font-size: 15px;
    }

    p {
        font-size: 15px;
    }

    .common_title {
        font-size: 38px;
    }

    .buss_review_wrp .inner_container {
        margin-bottom: 30px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid ul li a {
        font-size: 18px;
    }

    .fs_menu_overlay .fs_menu_container {
        padding: 60px 0 60px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        bottom: 120px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title br {
        display: none;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        bottom: 110px;
        width: 250px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn {
        display: initial;
    }

    .br_card_rhs .br_card_img {
        max-width: 80%;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay {
        padding: 20px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb h4 {
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb p {
        font-size: 14px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .s_numb {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .ttle {
        font-size: 20px;
    }

    .three_grid_cvr .tg_title {
        font-size: 24px;
    }

    .cap_type {
        font-size: 14px;
    }

    .cap_title {
        font-size: 28px;
    }

    .cap_kpi_val {
        font-size: 24px;
    }

    .cap_kpi_val small {
        font-size: 16px;
    }

    .cap_kpi_lbl {
        font-size: 11px;
    }

    .cap_kpi_growth {
        font-size: 13px;
    }

    .cap_card {
        height: 600px;
    }

    .cap_kpis {
        gap: 10px 10px;
    }


}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay {
        padding: 15px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .s_numb {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .ttle {
        color: #fff;
        font-size: 20px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb h4 {
        font-size: 16px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb p {
        font-size: 14px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid ul li a {
        font-size: 16px;
    }

    .cap_kpi_growth {
        font-size: 12px;
    }

    .cap_title {
        font-size: 28px;
    }

    .cap_kpi_lbl {
        font-size: 13px;
    }

    .cap_kpi_val {
        font-size: 24px;
    }

    .fs_menu_overlay .fs_menu_container {
        padding: 60px 0 60px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        bottom: 150px;
    }


    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        bottom: 85px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_title {
        font-size: 36px;
        margin: 0 0 5px 0;
    }

    /* .msg_section_wrp {
        width: 100%;
        height: 700px;
    }

    .msg_slide_rhs img {
        left: 85px;
    }

    .msg_desg_rhs img {
        display: none;
    }

    .msg_slide_rhs::before {

        content: '';
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50px;
        background-color: #fff;

    }

    .msg_slide_rhs::after {

        content: '';
        width: 100%;
        height: 10px;
        position: absolute;
        bottom: 125px;
        left: 0px;
        background-color: #fff;

    } */

    .br_stat_val {
        font-size: 26px;
    }

    .br_stats_grid {
        gap: 10px 32px;
    }

    .small_title {
        font-size: 15px;
    }

    p {
        font-size: 15px;
    }

    .common_title {
        font-size: 38px;
    }

    .buss_review_wrp .inner_container {
        margin-bottom: 30px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid ul li a {
        font-size: 18px;
    }

    .fs_menu_overlay .fs_menu_container {
        padding: 60px 0 60px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        bottom: 125px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title br {
        display: none;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        bottom: 110px;
        width: 250px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn {
        display: initial;
    }

    .br_card_rhs .br_card_img {
        max-width: 80%;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay {
        padding: 20px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb h4 {
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb p {
        font-size: 14px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .s_numb {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .ttle {
        font-size: 20px;
    }

    .three_grid_cvr .tg_title {
        font-size: 24px;
    }

    .cap_type {
        font-size: 14px;
    }

    .cap_title {
        font-size: 28px;
    }

    .cap_kpi_val {
        font-size: 24px;
    }

    .cap_kpi_val small {
        font-size: 16px;
    }

    .cap_kpi_lbl {
        font-size: 11px;
    }

    .cap_kpi_growth {
        font-size: 13px;
    }

    .cap_card {
        height: 600px;
    }

    .cap_kpis {
        gap: 10px 10px;
    }

    .site-header .header-inner,
    .introduction_wrp .inner_container,
    .year_in_review_wrp .inner_container,
    .buss_review_wrp .inner_container,
    .strategic_obj_wrp .inner_container,
    .business_model_wrp .inner_container,
    .stakeholder_wrp .inner_container,
    .three_grid_wrp .inner_container {
        max-width: 1200px;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .site-header {
        background-color: #fff;
    }

    .float_links_wrp {
        display: none;
    }

    #scrollDownBtn {
        display: none;
    }



    .hero_banner_wrp .hero_content_wrp .hero_headline {
        padding-top: 0px;
    }



    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_title {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_tagline {
        font-size: 16px;
    }

    .hero_banner_wrp .hero_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .hero_banner_wrp .hero_content_wrp {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 70px 15px 0px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        display: none;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        width: fit-content;
        position: absolute;
        bottom: 100px;
        left: 10px;
        margin-top: 0px;
        /* width: 100%; */
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn {
        width: 35px;
        height: 35px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn img {
        width: 35px;
    }

    .introduction_wrp {
        height: auto;
    }

    .small_title {
        font-size: 12px;
    }

    .common_title {
        font-size: 32px;
    }

    p {
        font-size: 14px;
    }

    .year_in_review_wrp .inner_container .year_review_lhs {
        max-width: 100%;
        padding-top: 40px;
        position: sticky;
        top: 100px;
        padding-bottom: 40px;
    }

    .year_in_review_wrp .inner_container {
        width: 90%;
        margin: 0 auto;
    }

    .introduction_wrp .desc_wrp .common_cta::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(270deg, #E7262C -36.07%, #231F20 104.06%);
        position: absolute;
        top: 10px;
        right: 20px;
        z-index: 1;
        transition: 0.3s ease;
    }

    .common_cta {
        font-size: 13px;
    }

    .common_cta::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(270deg, #E7262C -36.07%, #231F20 104.06%);
        position: absolute;
        top: 11px;
        right: 42px;
        z-index: 1;
        transition: 0.3s ease;
    }

    .year_in_review_wrp .inner_container .year_review_rhs {
        width: 100%;
        height: 100%;
        border-left: none;
        padding-top: 50px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box .q_txt {
        font-size: 36px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box .ttle {
        font-size: 20px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box {
        padding: 0px 0px 20px;
    }

    /* .msg_slide_lhs {
        top: inherit;
        bottom: 0px;
    }

    .msg_inner {
        flex-direction: column-reverse;
        height: auto;
    }

    .msg_slide_rhs img {
        margin: 0 auto;
        object-fit: contain;
        object-position: bottom center;
        position: relative;
        left: 0px;
        bottom: 0px;
        max-width: 100%;
    }

    .msg_desg_rhs {
        display: none;
    }

    .msg_slide_rhs {
        position: absolute;
        padding-top: 20px;
    }

    .msg_rhs {
        width: 100%;
        height: 300px;
        max-height: auto;
    }

    .msg_thumbs_wrap {
        left: 0%;
        display: flex;
        justify-content: center;
        display: none;
    }

    .msg_arr_btn img {
        width: 35px;
    }

    .msg_read_cta .msg_cta_circle img {
        width: 35px;
    } */

    .msg_section_wrp {
        width: 100%;
        height: 700px;
        overflow: hidden;
    }

    .msg_desg_rhs {
        display: none;
    }

    .msg_slide_rhs img {
        margin: 0 auto;
        object-fit: contain;
        object-position: bottom center;
        position: absolute;
        left: 0px;
        bottom: 128px;
        width: 100%;
        border-bottom: 6px solid #fff;
    }

    .br_card_rhs .br_design_el {
        display: none;
    }

    .br_card_rhs {
        padding: 0px 0px 0px 0px;
    }

    .br_card_num {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .buss_review_wrp .inner_container {
        margin-bottom: 30px;
    }

    .br_card_lhs {
        min-height: 405px;
        width: 100%;
        display: block;
    }

    .br_card_title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .br_stat_val {
        font-size: 20px;
    }

    .br_stats_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .strategic_obj_wrp {
        padding: 40px 0px;
    }

    .strategic_obj_wrp .inner_container .arrow_wrp {
        width: 100%;
        height: 60px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay {
        padding: 15px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .s_numb {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .ttle {
        color: #fff;
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb h4 {
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb p {
        font-size: 14px;
    }

    .business_model_tabs_wrp .bm_tab_content {
        padding: 0px 0px;
    }

    .business_model_tabs_wrp .bm_tabs_inner {
        padding: 0px;
    }

    .business_model_wrp .justify-content-end {
        justify-content: flex-start !important;
    }

    .business_model_tabs_wrp .bm_cap_icon img {
        width: 45px;
        height: 45px;
    }

    .value_chain_wrp {
        padding: 0px 0px 40px;
    }

    .value_chain_sldr .vc_desc {
        font-size: 14px;
    }

    .value_chain_sldr .vc_title {
        min-height: auto;
    }

    .value_chain_sldr .vc_icon img {
        width: 50px;
        height: 50px;
    }

    /* .value_chain_sldr .vc_slide::before {
        display: none;
    } */

    .value_chain_sldr .vc_slide::before {
        top: 22px;
    }

    .value_chain_sldr .vc_arrow {
        right: 20px;
    }

    .stakeholder_wrp {
        padding: 40px 0px;
    }

    .capital_main_wrp {
        padding: 0px 0 40px;
    }

    .cap_next,
    .cap_prev {
        position: absolute;
        top: 16%;
    }

    .cap_title {
        font-size: 20px;
    }

    .cap_type {
        font-size: 14px;
    }

    .cap_kpi_label {
        font-size: 14px;
    }

    .cap_kpi_lbl {
        font-size: 13px;
    }

    .cap_kpi_growth {
        font-size: 11px;
    }

    .cap_kpi_val small {
        font-size: 12px;
    }

    .cap_card .cta_cvr {
        margin-top: 30px;
    }

    .cap_text_col {
        min-height: 630px;
        display: block;
    }

    .download_center_wrp {
        padding: 40px 0px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid ul li a {
        display: block;
        min-height: auto;
        font-size: 14px;
        padding: 15px 35px 15px 0px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid .cntr_dwnlod_link {
        margin-bottom: 30px;
    }

    .footer_wrp p {
        padding: 20px 20px;
        font-size: 12px;
    }

    .cap_text_col {
        padding: 30px 20px 30px;
    }

    .cap_kpi_val {
        font-size: 24px;
    }

    .cap_icon_wrp {
        width: 135px;
        height: 135px;
        flex-shrink: 0;
        position: absolute;
        top: -35px;
        left: -150px;
    }

    .hero_banner_wrp .hero_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hero_banner_wrp .hero_content_wrp {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 120px 20px 0px;
    }

    .fs_menu_overlay .fs_menu_container {
        overflow-y: auto;
    }


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .hero_banner_wrp .hero_img img.dektop_bnr {
        display: none;
    }

    .hero_banner_wrp .hero_img img.mobile_bnr {
        display: block;
    }

    .site-header {
        background-color: #fff;
    }

    .float_links_wrp {
        display: none;
    }

    #scrollDownBtn {
        display: none;
    }



    .hero_banner_wrp .hero_content_wrp .hero_headline {
        padding-top: 0px;
    }



    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_title {
        font-size: 42px;
        margin-bottom: 5px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_tagline {
        font-size: 16px;
    }

    .hero_banner_wrp .hero_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .hero_banner_wrp .hero_content_wrp {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 100px 15px 0px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        display: none;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        width: fit-content;
        position: absolute;
        bottom: 260px;
        left: 20px;
        margin-top: 0px;
        /* width: 100%; */
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn {
        width: 20px;
        height: 20px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn img {
        width: 20px;
    }

    .introduction_wrp {
        height: auto;
    }

    .small_title {
        font-size: 16px;
    }

    .common_title {
        font-size: 32px;
    }

    p {
        font-size: 14px;
    }

    .year_in_review_wrp .inner_container .year_review_lhs {
        max-width: 100%;
        padding-top: 40px;
        position: sticky;
        top: 100px;
        padding-bottom: 40px;
    }

    .year_in_review_wrp .inner_container {
        width: 90%;
        margin: 0 auto;
    }

    .introduction_wrp .desc_wrp .common_cta::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(270deg, #E7262C -36.07%, #231F20 104.06%);
        position: absolute;
        top: 10px;
        right: 20px;
        z-index: 1;
        transition: 0.3s ease;
    }

    .common_cta {
        font-size: 13px;
    }

    .common_cta::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(270deg, #E7262C -36.07%, #231F20 104.06%);
        position: absolute;
        top: 11px;
        right: 42px;
        z-index: 1;
        transition: 0.3s ease;
    }

    .year_in_review_wrp .inner_container .year_review_rhs {
        width: 100%;
        height: 100%;
        border-left: none;
        padding-top: 50px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box .q_txt {
        font-size: 36px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box .ttle {
        font-size: 20px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box {
        padding: 0px 0px 20px;
    }

    .msg_slide_lhs {
        top: 0px;
        bottom: 0px;
    }

    .msg_inner {
        flex-direction: column-reverse;
        height: auto;
    }

    .msg_slide_rhs img {
        margin: 0 auto;
        object-fit: contain;
        object-position: bottom center;
        position: relative;
        left: 0px;
        bottom: 0px;
        max-width: 100%;
        left: 50%;
        max-width: 100%;
        transform: translate(-50%, 0%);
    }

    .msg_desg_rhs {
        display: none;
    }

    .msg_slide_rhs {
        position: absolute;
        padding-top: 20px;
    }

    .msg_rhs {
        width: 100%;
        height: 600px;
        max-height: auto;
    }

    .msg_thumbs_wrap {
        left: 0%;
        display: flex;
        justify-content: center;
        display: none;
    }

    .msg_arr_btn img {
        width: 45px;
    }

    .msg_read_cta .msg_cta_circle img {
        width: 45px;
    }

    .br_card_rhs .br_design_el {
        display: none;
    }

    .br_card_rhs {
        padding: 0px 0px 0px 0px;
    }

    .br_card_num {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .buss_review_wrp .inner_container {
        margin-bottom: 30px;
    }

    .br_card_lhs {
        min-height: 405px;
        width: 100%;
        display: block;
    }

    .br_card_title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .br_stat_val {
        font-size: 20px;
    }

    .br_stats_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .strategic_obj_wrp {
        padding: 40px 0px;
    }

    .strategic_obj_wrp .inner_container .arrow_wrp {
        width: 100%;
        height: 60px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay {
        padding: 15px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .s_numb {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .ttle {
        color: #fff;
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb h4 {
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb p {
        font-size: 14px;
    }

    .business_model_tabs_wrp .bm_tab_content {
        padding: 0px 0px;
    }

    .business_model_tabs_wrp .bm_tabs_inner {
        padding: 0px;
    }

    .business_model_wrp .justify-content-end {
        justify-content: flex-start !important;
    }

    .business_model_tabs_wrp .bm_cap_icon img {
        width: 45px;
        height: 45px;
    }

    .value_chain_wrp {
        padding: 0px 0px 40px;
    }

    .value_chain_sldr .vc_desc {
        font-size: 14px;
    }

    .value_chain_sldr .vc_title {
        min-height: auto;
    }

    .value_chain_sldr .vc_icon img {
        width: 50px;
        height: 50px;
    }

    /* .value_chain_sldr .vc_slide::before {
        display: none;
    } */

    .value_chain_sldr .vc_slide::before {
        top: 30px;
    }

    .value_chain_sldr .vc_arrow {
        right: 35px;
    }

    .stakeholder_wrp {
        padding: 40px 0px;
    }

    .capital_main_wrp {
        padding: 0px 0 40px;
    }

    .cap_next,
    .cap_prev {
        position: absolute;
        top: 16%;
    }

    .cap_title {
        font-size: 30px;
    }

    .cap_type {
        font-size: 20px;
    }

    .cap_kpi_label {
        font-size: 20px;
    }

    .cap_kpi_lbl {
        font-size: 16px;
    }

    .cap_kpi_growth {
        font-size: 16px;
    }

    .cvr {
        max-width: 100%;
    }

    .cap_kpi_val small {
        font-size: 20px;
    }

    .cap_card .cta_cvr {
        margin-top: 30px;
    }

    .cap_kpi_val {
        font-size: 30px;
    }

    .cap_text_col {
        min-height: 660px;
        display: block;
    }

    .cap_icon_wrp {
        width: 167px;
        height: 167px;
        flex-shrink: 0;
        position: absolute;
        top: -50px;
        left: inherit;
        right: -27px;
    }

    .download_center_wrp {
        padding: 40px 0px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid ul li a {
        display: block;
        min-height: auto;
        font-size: 14px;
        padding: 15px 35px 15px 0px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid .cntr_dwnlod_link {
        margin-bottom: 30px;
    }

    .footer_wrp p {
        padding: 20px 20px;
        font-size: 12px;
    }

    .hero_banner_wrp .hero_img {
        position: relative;
    }

    .hero_banner_wrp {
        width: 100%;
        height: auto;
    }

    .msg_quote {
        font-size: 30px;
    }

    .stakeholder_box_wrp .se_title {
        font-size: 20px;
    }

    .stakeholder_box_wrp .se_desc {
        font-size: 14px;
    }


    .cap_card {
        display: block;
        height: auto;
    }

    .fs_menu_overlay .fs_menu_container {
        overflow-y: auto;
    }



}

@media (min-width: 320px) and (max-width: 767px) {

    .site-header {
        background-color: #fff;
    }

    .float_links_wrp {
        display: none;
    }

    #scrollDownBtn {
        display: none;
    }



    .hero_banner_wrp .hero_content_wrp .hero_headline {
        padding-top: 0px;
    }



    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_title {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_headline .hero_tagline {
        font-size: 11px;
    }

    .hero_banner_wrp .hero_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .hero_banner_wrp .hero_content_wrp {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 70px 15px 0px;
    }

    .hero_banner_wrp .hero_scroll_cta {
        display: none;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info {
        width: fit-content;
        position: absolute;
        bottom: 100px;
        left: 10px;
        margin-top: 0px;
        /* width: 100%; */
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .report_title {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn {
        width: 20px;
        height: 20px;
    }

    .hero_banner_wrp .hero_content_wrp .hero_report_info .download_btn img {
        width: 20px;
    }

    .introduction_wrp {
        height: auto;
    }

    .small_title {
        font-size: 12px;
    }

    .common_title {
        font-size: 32px;
    }

    p {
        font-size: 14px;
    }

    .year_in_review_wrp .inner_container .year_review_lhs {
        max-width: 100%;
        padding-top: 40px;
        position: sticky;
        top: 100px;
        padding-bottom: 40px;
    }

    .year_in_review_wrp .inner_container {
        width: 90%;
        margin: 0 auto;
    }

    .introduction_wrp .desc_wrp .common_cta::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(270deg, #E7262C -36.07%, #231F20 104.06%);
        position: absolute;
        top: 10px;
        right: 54px;
        z-index: 1;
        transition: 0.3s ease;
    }

    .common_cta {
        font-size: 13px;
    }

    .common_cta::before {
        content: "";
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(270deg, #E7262C -36.07%, #231F20 104.06%);
        position: absolute;
        top: 7px;
        right: 16px;
        z-index: 1;
        transition: 0.3s ease;
    }

    .year_in_review_wrp .inner_container .year_review_rhs {
        width: 100%;
        height: 100%;
        border-left: none;
        padding-top: 0px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box .q_txt {
        font-size: 36px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box .ttle {
        font-size: 20px;
    }

    .year_in_review_wrp .inner_container .year_review_rhs .cvr .year_desc_box {
        padding: 0px 0px 20px;
    }

    .msg_slide_lhs {
        top: inherit;
        bottom: 0px;
    }

    .msg_inner {
        flex-direction: column-reverse;
        height: auto;
    }

    .msg_slide_rhs img {
        margin: 0 auto;
        object-fit: contain;
        object-position: bottom center;
        position: relative;
        left: 0px;
        bottom: 0px;
        max-width: 100%;
    }

    .msg_desg_rhs {
        display: none;
    }

    .msg_slide_rhs {
        position: absolute;
        padding-top: 20px;
    }

    .msg_rhs {
        width: 100%;
        height: 300px;
        max-height: auto;
    }

    .msg_thumbs_wrap {
        left: 0%;
        display: flex;
        justify-content: center;
        display: none;
    }

    .msg_arr_btn img {
        width: 35px;
    }

    .msg_read_cta .msg_cta_circle img {
        width: 35px;
    }

    .br_card_rhs .br_design_el {
        display: none;
    }

    .br_card_rhs {
        padding: 0px 0px 0px 0px;
    }

    .br_card_num {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .buss_review_wrp .inner_container {
        margin-bottom: 30px;
    }

    .br_card_lhs {
        min-height: 405px;
        width: 100%;
        display: block;
    }

    .br_card_title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .br_stat_val {
        font-size: 20px;
    }

    .br_stats_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .strategic_obj_wrp {
        padding: 40px 0px;
    }

    .strategic_obj_wrp .inner_container .arrow_wrp {
        width: 100%;
        height: 60px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay {
        padding: 15px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .s_numb {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr_top .ttle {
        color: #fff;
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb h4 {
        font-size: 18px;
    }

    .strategic_obj_wrp .inner_container .strategic_swiper .swiper-wrapper .swiper-slide .so_box .so_overlay .cvr .inofumb p {
        font-size: 14px;
    }

    .business_model_tabs_wrp .bm_tab_content {
        padding: 0px 0px;
    }

    .business_model_tabs_wrp .bm_tabs_inner {
        padding: 0px;
    }

    .business_model_wrp .justify-content-end {
        justify-content: flex-start !important;
    }

    .business_model_tabs_wrp .bm_cap_icon img {
        width: 45px;
        height: 45px;
    }

    .value_chain_wrp {
        padding: 0px 0px 40px;
    }

    .value_chain_sldr .vc_desc {
        font-size: 14px;
    }

    .value_chain_sldr .vc_title {
        min-height: auto;
    }

    .value_chain_sldr .vc_icon img {
        width: 50px;
        height: 50px;
    }

    .value_chain_sldr .vc_slide::before {
        display: none;
    }

    .stakeholder_wrp {
        padding: 40px 0px;
    }

    .capital_main_wrp {
        padding: 0px 0 40px;
    }

    .cap_next,
    .cap_prev {
        position: absolute;
        top: 16%;
    }

    .cap_title {
        font-size: 20px;
    }

    .cap_type {
        font-size: 14px;
    }

    .cap_kpi_label {
        font-size: 14px;
    }

    .cap_kpi_lbl {
        font-size: 13px;
    }

    .cap_kpi_growth {
        font-size: 11px;
    }

    .cap_kpi_val small {
        font-size: 12px;
    }

    .cap_card .cta_cvr {
        margin-top: 30px;
    }

    .cap_text_col {
        min-height: 630px;
        display: block;
    }

    .download_center_wrp {
        padding: 40px 0px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid ul li a {
        display: block;
        min-height: auto;
        font-size: 14px;
        padding: 15px 35px 15px 0px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid .cntr_dwnlod_link {
        margin-bottom: 30px;
    }

    .footer_wrp p {
        padding: 20px 20px;
        font-size: 12px;
    }

    .br_card_lhs .cvr {
        width: 100%;
    }

    .fs_menu_overlay .fs_menu_container {
        overflow-y: auto;
    }

    .msg_slide_rhs::before {
        display: none;
    }

    .msg_slide_rhs::after {
        display: none;
    }

    .msg_slide_lhs {
        width: 100%;
    }

    .business_model_wrp {
        padding: 40px 15px;
    }

    .strategic_obj_wrp {
        padding: 40px 15px;
    }

    .download_center_wrp .inner_container .dwnld_cntr_grid .cntr_dwnlod_link p {
        font-size: 18px;
    }

    .msg_slides_lhs {
        min-height: 455px;
    }

    .msg_bottom_row .common_cta::before {
        top: 10px;
        right: 24px;
    }

    .capital_main_wrp {
        padding: 40px 0 40px;
    }

    .cap_next,
    .cap_prev {
        position: absolute;
        top: 70%;
    }

    .cap_prev {
        left: 15px;
    }

    .cap_next {
        right: 15px;
    }

    .hero_banner_wrp {
        margin-top: 60px;
    }

    .site-header .header-inner .logo-wrap .site-logo {
        width: 110px;
    }

    .site-header .header-inner .cvr .header_link {
        font-size: 10px;
        font-weight: 600;
        color: #231F20;
        line-height: 120%;
        text-decoration: none;
        display: inline-flex;
        background-image: url(../images/bnr-down-arrw.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px;
        padding-left: 25px;
        padding-right: 10px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .site-header .header-inner .cvr {
        display: flex;
        align-items: center;
        gap: 0px 0px;
    }

}

/* ---- Short viewport (≤ 720px tall) on desktop ---- */
@media (max-height: 720px) and (min-width: 768px) {

    .buss_review_wrp {
        padding: 30px 0px;
    }

    .buss_review_wrp .inner_container {
        margin-bottom: 10px;
    }

    .br_card_lhs {
        padding: 30px 30px 30px 60px;
    }

    .br_card_num {
        top: 30px;
        left: 60px;
    }

    .br_stats_grid {
        gap: 8px 24px;
    }

    .br_stat_val {
        font-size: 22px;
    }

    .br_stat_label {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .br_stat_badge {
        font-size: 11px;
        padding: 2px 10px;
    }



}