@media only screen and (max-width: 1470px) {}
@media only screen and (min-width: 1351px) and (max-width: 1480px) {
    .timeline {
        /* top: -12.5% !important; */
    }

    /* .year_review_sec_page .mon_sec .img {
        margin-top: -14%;
    }

    .scnd_m .timeline {
        top: -12.5%;
    }

    .timeline {
        top: -12.5%;
    }

    .year_review_sec_page .mon_sec .img {
        margin-top: -13%;
    } */

    .page-investor-information .state_text .stat-section:nth-child(odd) .timeline {
        top: 0vw !important;
    }

    /* .page-investor-information .state_text .stat-section:nth-child(even) .timeline {
        top: .8vw !important;
    } */
}
@media only screen and (min-width: 768px) and (max-width: 1350px)  {
    .all_box a {
        font-size: 1.5vw;
        padding: 1.5vw 1vw;
    }
    .page-investor-information .state_text .stat-section:nth-child(odd){
        flex-direction: column;
    }
    .investorTimeline .state_text .stat-section:nth-child(even) .stat-inner{
        flex: auto;
    }
    .ch_left_wrap {
        width: 65%;
    }

    .mon_sec .img {
        width: 15%;
    }

    .mon_sec h3 {
        width: 85%;
    }

    .state_text .stat-section:nth-child(odd) .timeline {
        top: 1vw;
    }

    .state_text .stat-section:nth-child(even) .timeline {
        top: -0.5vw;
    }

    .digital_sec .cta {
        bottom: 2vw;
    }

    .card_sec {
        width: 100%;
    }

    .fina_pin .new_box {
        width: 30vw;
    }

    .year_review_sec_page .stat-inner {
    }

    .firstDiv.first {
        width: 70vw;
    }


    .firstDiv {
        padding: 5vw 0 5vw;
    }

    .firstDiv.first .timeline {
        top: -2.2vw;
    }

    .year_review_sec_page .stat-inner {
        max-width: 800px;
    }

    .heading-year {
        top: 6vw;
    }

    .year_review_sec_page .state_text .stat-section:nth-child(odd) .timeline {
        top: 1vw;
    }

    .inner.three .firstDiv.first.corporateDiv {
        padding: 7.5vw 0;
    }

    .year_review_sec_page .stat-inner .sizew25.mb6 {margin: 0;}

    .skip_btn {}

    .skip_btn .bab_btn > a .circleIcon {
        width: 3vw;
        height: 3vw;
    }

    .year_review_sec_page .four .wd_sec .stat-inner {
        max-width: 1480px;
    }

    .year_review_sec_page .pin-wrap .inner.four .stat-section .timeline {
        top: 1.8vw !important;
    }

    .pin-wrap .inner.four .firstDiv.first {
        width: 110vw;
    }

    .bod_main .swiper-slide.swiper-slide-active {
        width: 350px !important;
    }

    .bod_main .swiper-slide {
        height: 2500px;
    }

    .bod_main .bod-infos .inner h2 {
        font-size: 2.2vw;
        padding-left: 6vw;
    }

    .page-investor-information .firstDiv {
        padding: 18vw 0 0 5vw;
    }

    .page-investor-information .state_text {
        padding: 8vw 0 5vw;
    }

    .relat_sec  .flex.aic.gap1 {
        width: 50%;
    }

    .financing_card h3 {
        font-size: 2.5vw !important;
    }

    .amidst_sec .img {
        border-radius: 20px !important;
    }

    .page-social-responsibility .strategy{
        height: auto;
    }
    .absolute.tech_pin.pb5.is-inview {
        width: 40%;
    }

    .page-information-security .highlit_sec .box_h, .page-social-responsibility .highlit_sec .box_h, .page-subsidiaries .highlit_sec .box_h {
        height: 55vh;
    }

    .timeline {
        top: -30%;
    }

    .mon_sec .img {
        margin-top: -25%;
    }

    .scnd_m .timeline {
        top: -7%;
    }

    .third_m .timeline {
        top: -7%;
    }

    .third_m .mon_sec .img {
        margin-top: -23%;
    }

    .year_review_sec_page .mon_sec .img {
        margin-top: -7%;
    }

    .page-investor-information .state_text .stat-section:nth-child(odd) .timeline {
        top: -1.4vw;
    }

    .page-investor-information .state_text .stat-section:nth-child(even) .timeline {
        top: 0;
    }

    .digital_sec .cta a img.img2 {
        width: 60px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 12px;
    }

    body.page-timeline {
        overflow: hidden;
    }

    .d-none-xs {
        display: none !important;
    }

    .d-block-xs {
        display: block !important;
    }

    html.has-scroll-smooth {
        overflow: hidden;
    }

    .has-scroll-smooth body {
        overflow: hidden;
    }

    .fs128 {
        font-size: 46px !important;
        line-height: 2 !important;
    }

    .inner-banner .info {
        padding: 10vw 5vw 20vw;
    }

    .reach_sec {
        padding: 15vw 5vw;
        flex-direction: column;
    }

    .reach_sec>div {
        width: 100% !important;
        position: relative;
        left: 0;
    }

    .fs74 {
        font-size: 54px !important;
        line-height: 1.6 !important;
    }

    .fs32 {
        font-size: 18px !important;
        padding: 0 !important;
        width: 100%;
        margin-bottom: 5vw !important;
        opacity: 1;
        line-height: 2;
    }

    .sizew80 {
        width: 100%;
    }

    .fs28 {
        font-size: 16px !important;
        line-height: 20px;
        padding: 0;
        margin-bottom: 5vw !important;
        width: 100% !important;
        line-height: 1.5;
    }

    .reach_sec>div h2 {
        margin-bottom: 7vw !important;
    }

    .sm_text {
        padding: 0 5vw;
        width: 100% !important;
    }

    .strategy-left {
        width: 100% !important;
    }

    .strategy-left h3 {}

    .strategy {
        padding: 0 5vw;
        margin-bottom: 15vw;
    }

    .pdf_sec {
        grid-template-columns: repeat(1, 1fr);
        padding: 5vw;
    }

    .pdf_sec a {
        border-radius: 5px;
        padding: 5vw;
        font-size: 22px;
    }

    .pdf_sec .icon svg {
        width: 50px;
    }

    .featured-card {
        max-width: 70vw;
        height: 55vh;
    }

    .featured_sec .card-content {
        padding: 5vw;
    }

    .featured_sec .card-content h2 {
        font-size: 26px !important;
        letter-spacing: 0 !important;
    }

    .exInfo {
        padding: 5vw 4vw;
        width: 100%;
    }

    .amidst_sec {
        padding: 15vw 5vw;
    }

    .amidst_sec>div {
        width: 100% !important;
        margin-bottom: 10vw !important;
        position: relative;
        left: 0;
    }

    .amidst_sec>div h2 {
        margin-bottom: 5vw !important;
    }

    .amidst_sec>div p {
        width: 100% !important;
        line-height: 1.5 !important;
    }

    .rad30 {
        border-radius: 15px !important;
    }

    .sm_text>div {
        width: 100% !important;
        position: relative;
    }

    .test_sec {
        padding: 5vw;
        flex-direction: column;
    }

    .test_sec .right {
        width: 100% !important;
    }

    .reach_sec>div {
        width: 100% !important;
    }

    .reach_sec>div .sizew70 {
        width: 100%;
    }

    .page-hr-policies .reach-pin {
        left: 0;
    }

    .three-column {
        grid-template-columns: 1fr;
        gap: 10vw !important;
    }

    .page-micro-small-medium .grid {
        width: 100%;
        height: 80vw;
        border-radius: 10px !important;
    }

    .page-micro-small-medium .box_grid .grid .fs64 {
        font-size: 38px !important;
        margin-bottom: 13vw !important;
    }

    .page-micro-small-medium .box_grid .grid {
        padding: 10vw 5vw !important;
        justify-content: space-between;
    }

    .page-micro-small-medium .grid p {
        font-size: 18px !important;
    }

    .test_sec .right p {
        width: 100% !important;
        padding: 0 !important;
    }

    .horizontalScroller h3 {
        width: 100% !important;
    }

    .horizontalScroller h2 {
        width: 100%;
    }

    .strategy_pin {
        padding: 10vw 5vw;
    }

    .for-desktop {
        display: none;
    }

    .for-mobile-tablet {
        display: block !important;
    }

    .box_grid.d-grid {
        padding: 0 !important;
    }

    .box_grid.d-grid .grid {
        margin-bottom: 10vw;
    }

    .achievingSwiper .grid {
        padding: 5vw !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 45vh;
        width: 100% !important;
    }
/* 
    .achievingSwiper .grid h2 {
        font-size: 20px !important;
    } */

    .achievingSwiper {
        margin-top: 15vw;
    }

    .sm_img {
        width: 90%;
        margin: auto;
        margin-bottom: 15vw;
    }

    .amidst_sec>div h3 {
        width: 100%;
        margin-bottom: 5vw !important;
        line-height: 1.5;
    }

    .fs38 {
        font-size: 20px !important;
    }

    .rad20 {
        border-radius: 10px !important;
    }

    .box_grid .grid {
        gap: 15vw !important;
        padding: 5vw !important;
    }

    .page-board-acknowledgments .inner-banner .info h2 {
        font-size: 32px !important;
    }

    .fs64 {
        font-size: 32px !important;
        margin-bottom: 5vw !important;
        line-height: 2 !important;
    }

    .reach_sec>div h2 {
        margin-bottom: 5vw !important;
    }

    .reach_sec>div p {
        margin-bottom: 5vw !important;
        width: 100% !important;
    }

    .highlit_sec .box_h {
        width: auto;
        height: 55vh;
    }

    .highlit_sec {
        padding: 0 5vw 0 0;
        margin-bottom: 15vw;
    }

    .highlit_sec .box_h .info h2 {
        font-size: 28px !important;
        line-height: 1.2;
    }

    .highlit_sec .box_h .info p {
        font-size: 15px !important;
        margin: 0 !important;
        line-height: 1.5;
    }

    .highlit_sec .box_h>.img {
        border-radius: 15px;
    }

    .horizontalScroller {
        height: auto;
    }

    .fs88 {
        font-size: 34px !important;
    }

    .service_sec div {
        flex-direction: column;
        align-items: start;
    }

    .service_sec .left {
        width: 100% !important;
    }

    .fs3s {
        font-size: 28px !important;
    }

    .service_sec h2 {
        width: 100%;
    }

    .service_sec .right {
        width: 100% !important;
    }

    .service_sec div .mark_sec {
        padding-right: 5vw;
    }

    .red_border {
        width: 6px !important;
    }

    .inform_sec>div h2 {
        width: 100% !important;
        margin-bottom: 5vw !important;
    }

    .fs72 {
        font-size: 34px !important;
        line-height: 1;
    }

    .inform_sec>div p {
        width: 100% !important;
    }

    .inform_sec>div {
        margin-bottom: 10vw;
    }

    .radious_table table tbody tr td {
        font-size: 16px;
        padding: 20px;
    }

    .bab_table table {
        width: 600px;
    }

    .bab_table {
        overflow: scroll;
        padding: 0 0 0 1vw !important;
    }

    .radious_table table thead tr {}

    .radious_table table thead tr th {
        font-size: 16px !important;
        padding: 20px !important;
    }

    .inform_sec {
        padding: 0 0;
    }

    .inform_sec>div {
        padding: 5vw;
    }

    .test_sec>div {
        position: relative;
        left: 0;
    }

    .mark_sec {
        padding: 5vw;
        margin-bottom: 5vw !important;
        gap: 2vw;
    }

    .highlit_sec .box_h .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 5vw;
        width: 100%;
    }

    .logo {
        width: 100px;
    }

    .lang a {
        font-size: 14px;
    }

    .dw-btn a {
        font-size: 12px;
    }

    .dw-btn svg {
        width: 12px;
    }

    .menu-with-text .menu-icon {
        width: 40px;
        height: 40px;
    }

    .header {
        padding: 5vw;
        height: 10vh;
    }

    .buttons-group {
        align-items: center;
    }

    .main-banner .info h2 {
        font-size: 42px !important;
        display: block;
        text-align: start;
    }

    .main-banner .info h3 {
        font-size: 42px;
        text-align: start;
    }

    .main-banner .topDiv .info {
        padding: 0 5vw;
    }

    .homeGlanceSwiper .infos .item .text {
        width: 90%;
    }

    .homeGlanceSwiper .infos .item {
        padding: 0;
        top: 24vw;
    }

    .sm-heading>p {
        font-size: 20px !important;
        padding-right: 6vw;
        margin: 0 !important;
        line-height: 1.3;
    }

    .leftNav li a {
        font-size: 13px;
        flex-direction: row-reverse;
        justify-content: left;
    }

    .leftNav li a .nums {
        width: 20px;
        height: 20px;
        font-size: 12px;
        padding-top: .7vw;
    }

    .leftNav li a .nums:before {
        width: 8px;
        height: 8px;
    }

    .leftNav {
        right: 0;
        left: auto;
    }

    .fs224 {
        font-size: 35px !important;
    }

    .bab_btn>a .circleIcon {
        width: 50px;
        height: 50px;
    }

    .bab_btn>a svg {
        width: 18px !important;
        height: 18px;
    }

    .bab_btn {
        justify-content: left;
        padding: 0 !important;
        margin-bottom: 10vw;
    }

    .net_sec .text p {
        font-size: 24px;
        padding: 0;
        width: 75%;
        padding-right: 4vw;
        padding-top: 3vw;
    }

    .net_sec .img {
        width: 10%;
    }

    .net_sec .text {
        width: 85%;
    }

    .homeGlanceSwiper .infos .item .text h2 {
        margin-bottom: 3vw;
        padding-left: 5vw;
    }

    .bab_btn>a {
        gap: 3vw;
        font-size: 14px;
    }

    .leadershipSwiper .infos .item {
        flex-direction: column-reverse;
    }

    .leadershipSwiper .infos .item .right {
        width: 90%;
        margin-bottom: 15vw;
    }

    .ch_left_wrap {
        width: 100%;
    }

    .ch_info_right {
        height: 70vh;
    }

    .leadership_sec .leftNav {
        position: relative;
        margin-bottom: 15vw;
    }

    .fs58 {
        font-size: 24px !important;
    }

    .sub.flex.gg7.mb1 {
        flex-direction: row-reverse;
    }

    .sub.flex.gg7.mb1 .mark_sec {
        width: 45%;
        padding: 5vw 0vw 5vw 5vw;
    }

    .sub.flex.gg7.mb1 .bab_btn {
        width: 55%;
        margin: 0;
    }

    .sub.flex.gg7.mb1 .bab_btn a {
        font-size: 10px;
    }

    .sub.flex.gg7.mb1 .mark_sec .icon svg {
        width: 30px;
        height: 30px;
    }

    .mark_sec .icon>div {
        font-size: 30px !important;
    }

    .leadership_sec {
        height: 165vh;
        padding: 15vw 0;
    }

    .next_ch {
        width: 100%;
    }

    .ch_new_img .img img.full {
        height: 60vh;
    }

    .sm-heading .rent {
        width: 15px;
        height: 15px;
        border-radius: 2px;
    }

    .fs4s {
        font-size: 36px !important;
        line-height: 1.4 !important;
    }

    .albilad-jsc {
        margin: 0;
        padding: 10vw 5vw;
        width: 100%;
    }

    .albilad-jsc p {
        font-size: 18px;
        width: 100% !important;
    }

    .babm-boxs {
        flex-direction: column;
        width: 90%;
        gap: 5vw;
    }

    .boxs .top-box h2 {
        font-size: 42px;
    }

    .boxs {
        height: 40vh;
        padding: 5vw;
    }

    .babm-boxs .boxs img {
        width: 40px;
        height: 40px;
    }

    .fs1s {
        font-size: 20px !important;
    }

    .supporting-fin {
        width: 90%;
        flex-direction: column;
        gap: 10vw !important;
    }

    .supp-sub {
        width: 100% !important;
    }

    .supp-sub p {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 10vw;
    }

    .bab-btn a {
        width: auto;
        font-size: 24px;
        padding: 2vw;
    }

    .digital-first .sm-heading {
        margin-bottom: 10vw;
    }

    .digital-first .sm-heading .rent {
        width: 15px;
        height: 15px;
    }

    .sholder_sec {
        padding: 10vw 5vw;
    }

    .sholder_sec h2 {
        font-size: 38px !important;
        width: 100% !important;
        line-height: 2 !important;
    }

    .sholder_sec p {
        width: 100% !important;
        font-size: 18px;
    }

    .sholder_sec>.img {
        width: auto;
    }

    .enjaz_sec {
        flex-direction: column;
    }

    .enjaz_sec .right h3 {
        width: 100% !important;
        font-size: 22px !important;
    }

    .enjaz_sec .right h2 {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .glance_banner .innerDiv h2 {
        font-size: 32px !important;
        margin-bottom: 2vw !important;
    }

    .glance_banner .innerDiv {
        padding: 20vw 0;
    }

    .glance_min {
        top: 20%;
    }

    .incom_list a {
        font-size: 28px;
        margin-bottom: 5vw;
    }

    .incom_list {
        width: 90%;
    }

    .glance_list .glanceSwiper .item h2 {
        font-size: 65px !important;
    }

    .glance_list .glanceSwiper .item h3 {
        font-size: 28px;
    }

    .glance_list .glanceSwiper .item h4 {
        font-size: 16px !important;
    }

    .glance_list {}

    .glance_banner .innerDiv h2 {
        font-size: 32px !important;
    }

    .glance_banner .innerDiv {
        padding: 20vw 0;
    }

    .glance_min {
        top: 20%;
    }

    .incom_list a {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .incom_list {
        width: 90%;
    }

    .glance_list .glanceSwiper .item h2 {
        font-size: 50px !important;
    }

    .glance_list .glanceSwiper .item h3 {
        font-size: 28px;
    }

    .glance_list .glanceSwiper .item h4 {
        font-size: 16px !important;
    }

    .glance_list {}

    .glanceSwiper {
        width: 100%;
        height: 50vh;
        top: 50%;
        padding: 0 5vw !important;
    }

    .glanceSwiper .swiper-slide {
        transform-origin: left;
    }

    .next_arrow .circleIcon {
        width: 50px;
        height: 50px;
    }

    .next_arrow svg {
        width: 15px;
        height: 15px;
    }

    .glance_min .next_arrow {
        left: 8vw;
    }

    .card_sec .card .info h2 {
        font-size: 24px;
        margin-bottom: 10vw;
    }

    .card_sec .card .info {
        width: 100%;
        padding: 0 5vw 10vw;
        right: 0;
        bottom: 0;
    }

    .card_sec {
        gap: 10vw;
        margin: inherit;
        width: 85%;
    }

    .pin_text {
        padding: 15vw 5vw 0 !important;
    }

    .card_sec .card .info p {
        font-size: 18px;
    }

    .line_bar .line {
        right: auto;
        left: 7vw;
    }

    .card_sec .card i {
        right: auto;
        left: -11vw;
        width: 35px;
        height: 8px;
    }

    .pin_text>h2 {
        font-size: 77px;
    }

    .strategy_pin .box {
        width: 290px;
        height: 320px;
        padding: 9vw 5vw;
        justify-content: space-between;
    }

    .strategy_pin .box .img {
        width: 30%;
    }

    .strategy_pin .box .img img {
        width: 100%;
    }

    .strategy_pin .box:hover,
    .strategy_pin .box.active {
        width: 290px;
        height: 350px;
    }

    .strategy_pin .box h2 {
        font-size: 26px;
    }

    .strategy_pin .box:hover h2,
    .strategy_pin .box.active h2 {
        font-size: 48px;
    }

    .strategy-left h3 {
        font-size: 32px;
        line-height: 35px;
    }

    .strategy {
        height: 120vh;
        align-items: start;
        padding: 10vw 5vw;
    }

    .strategy p {
        font-size: 20px;
    }

    .strategy-right .stra-img {}

    .strategy>.strategy-right {
        width: 150px;
        height: 150px;
        bottom: 10vw;
    }

    .ht-cursor:before {
        width: 20px;
        height: 20px;
    }

    .vision_sec.vision_secM h2 {
        width: 100% !important;
        padding: 0;
        font-size: 32px !important;
        line-height: 1.3 !important;
    }

    .marquee-text {
        font-size: 100px;
    }

    .vision_sec.vision_secM {
        padding-top: 15vw;
    }

    .strategy_pin h3 {
        font-size: 32px !important;
    }

    .strategy_pin h3 br {
        display: none;
    }

    .strategy_pin p {
        font-size: 24px;
        margin-bottom: 10vw;
    }

    .strategy_pin>.strategy-right {
        left: 30%;
        bottom: 10vw;
    }

    .strategy.strategy_pin {
        height: 120vh !important;
        align-items: start !important;
    }

    .info.sizew55.ml-auto.pr10.pb6 {
        width: 90% !important;
        padding: 0;
        margin: auto;
    }

    .financial-card {
        width: 100%;
        padding: 5vw;
        border-radius: 10px;
    }

    .financial-card-box p {
        font-size: 16px;
    }

    .financial-card>div {
        align-items: center;
        margin-bottom: 5vw;
    }

    .financial-card>div img {
        width: 50px;
    }

    .exeu_grid.d-grid.three-column.gap2.pl7 {
        padding: 0;
        gap: 10vw !important;
    }

    .exeu_grid .grid i {
        width: 50px;
        margin-bottom: 5vw !important;
    }

    .exeu_grid .grid>div {
        margin-bottom: 5vw !important;
        gap: 10vw !important;
    }

    .next_ch .next_ch_img {
        display: none;
    }

    .next_ch .next_ch_p {
        display: none;
    }

    .ch_info_right .info {
        width: 100%;
    }

    .leadershipSwiper .infos .item .right h3 br {
        display: none;
    }

    .leadershipSwiper .infos .item .right h3 {
        font-size: 20px;
        margin-bottom: 2vw !important;
    }

    .leadershipSwiper .infos .item .left {
        width: 100%;
    }

    .leadershipSwiper .infos .item .left h2 {
        margin-bottom: 10vw !important;
    }

    .mon_sec h3 {
        font-size: 24px !important;
    }

    .firstDiv {
        width: 150vw;
        gap: 0;
        height: 90vh;
        padding: 0;
    }

    .state_text {
        padding: 39vw 0 25vw;
    }

    .timeline .circle {
        width: 40px;
        height: 40px;
    }

    .timeline .line {
        height: 100px;
    }

    .stat-text {
        font-size: 26px !important;
        line-height: 1;
    }

    .stat-number {
        font-size: 52px;
    }

    .simb {
        width: 8%;
    }

    .stat-inner {
        gap: 30px;
        /* align-items: center; */
        height: auto;
    }

    .state_text .stat-section:nth-child(odd) .timeline {
        top: -14.5vw;
    }

    .state_text .stat-section:nth-child(even) .timeline {
        top: 13.5vw;
    }

    .mon_sec .img {
        width: 25%;
        margin-top: -19%;
    }

    .skip_btn .bab_btn a .anim_p span {
        font-size: 14px !important;
    }

    .skip_btn .bab_btn>a .circleIcon {
        width: 40px;
        height: 40px;
    }

    .skip_btn .bab_btn>a svg {
        width: 8px;
    }

    .learn_btn a {
        font-size: 14px;
    }

    .year_review_sec .timeline_nav {
        padding-right: 14%;
        top: 45%;
    }

    .timeline_nav li a {
        font-size: 12px;
    }

    .timeline_nav li a .nums {
        width: 20px;
        height: 20px;
        font-size: 12px;
        padding-top: 3px;
    }

    .skip_btn .bab_btn {
        margin: 0;
    }

    .growth_sec {
        flex-direction: column;
        padding: 15vw 5vw;
    }

    .growth_sec .left {
        width: 100% !important;
    }

    .growth_sec .left p {
        width: 100%;
    }

    .growth_sec .right {
        width: 100%;
    }

    .growth_sec .right .usd_info img {
        width: 30px;
        margin-left: 5vw;
    }

    .usd_info {
        margin-bottom: 5vw !important;
    }

    .usd_info .number {
        margin-bottom: 5vw !important;
    }

    .digital_sec .highlightSwiper,
    .digital_sec .inner,
    .digital_sec {
        height: auto;
    }

    .digital_sec .inner {
        position: relative;
    }

    .digital_sec .item {
        position: relative;
        /* height: 100vh; */
        height: auto;
        padding: 15vw 5vw;
    }

    .digital_sec .swiper-wrapper {
        display: none;
    }

    .sustain_sec .inner {
        flex-direction: column;
        padding: 0 5vw;
    }

    .sustain_sec .right {
        position: relative;
    }

    .highlight_sec {
        padding: 15vw 5vw;
    }

    .fs98 {
        font-size: 40px !important;
    }

    .highlight_sec>div {
        margin-bottom: 10vw;
        padding: 0;
    }

    .digital_sec .item .num {
        font-size: 28px;
    }

    .digital_sec .item .left>span {
        font-size: 20px;
        margin-bottom: 5vw !important;
    }

    .digital_sec .item .left>h3 {
        font-size: 30px !important;
        margin-bottom: 5vw !important;
        width: 100% !important;
    }

    .digital_sec .item .left>h3 br {
        display: none;
    }

    .digital_sec .item .left p {
        font-size: 16px;
        width: 100% !important;
        margin-bottom: 5vw !important;
    }

    .digital_sec .item .right {
        position: relative;
        width: 100%;
        left: 0;
        display: flex;
        justify-content: end;
        top: 0;
    }

    .digital_sec .item .right .imgs {
        width: 100%;
    }

    .digital_sec .item .right .imgs div {
        display: flex;
        justify-content: end;
    }

    .digital_sec .item .left {
        margin-bottom: 15vw;
    }

    .digital_sec .cta a {
        align-items: center;
    }

    .para {
        font-size: 14px;
    }

    .digital_sec .cta {
        position: relative;
        bottom: 0;
    }

    .digital_sec .cta a img {}

    .net_sec {
        align-items: center !important;
    }

    .sustain_sec .left h2 {
        font-size: 30px !important;
    }

    .sustain_sec .left {
        width: 100% !important;
        padding: 15vw 0 0 !important;
    }

    .sustain_sec {}

    .sm-heading {
        margin-bottom: 10vw;
    }

    .page-about-us .strategy {
        height: 80vh !important;
    }

    .page-about-us .strategy_pin>.strategy-right {
        bottom: 10vw;
        left: 10vw;
    }

    .page-our-strategy .strategy.strategy_pin {
        height: 90vh !important;
    }

    .four-column {
        grid-template-columns: repeat(1, 1fr);
        gap: 10vw !important;
    }

    .grid_anim .grid h2 {
        font-size: 36px !important;
        line-height: 1;
    }

    .grid_anim>.grid {}

    .grid_anim .grid p {
        font-size: 30px !important;
    }

    .strategy-left h2 {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }

    .executeSec.is-inview {
        padding: 0 5vw;
    }

    .executeSec.is-inview h2 {
        padding: 0;
        margin-bottom: 10vw !important;
    }

    .pro_info {
        flex-direction: column-reverse;
        align-items: normal;
        gap: 15vw !important;
    }

    .pro_info .right {
        width: 100% !important;
    }

    .pro_info .left {
        flex-direction: column;
    }

    .pro_info .left .usd_info {
        padding-right: 5vw !important;
        padding: 3vw 0;
    }

    .wt_border {
        width: 6px !important;
    }

    .usd_info .number img {
        width: 30px;
        margin-left: 5vw;
    }

    .driving_sec .info {
        width: 100% !important;
    }

    .driving_sec .info h3 {
        width: 100% !important;
    }

    .info.sizew60.ml-auto.py6.pr20 {
        width: 90% !important;
        margin: auto;
        padding: 10vw 0;
    }

    .info.sizew60.ml-auto.py6.pr20 h2 {}

    .strategy_pin>div {}

    .strategy-left>div p {
        width: 100% !important;
        line-height: 26px;
    }

    .strategy-left>div p br {}

    .strategy-left>div {
        width: 100% !important;
    }

    .page-investment-opportunity .strategy-right {
        bottom: 10vw;
        left: 10vw;
    }

    .page-investment-opportunity .strategy.strategy_pin {
        height: 140vh !important;
    }

    .page-investment-opportunity .strategy-left>div p {
        font-size: 16px;
        line-height: 20px;
    }

    .page-investment-opportunity .strategy-left h3 {
        font-size: 38px !important;
        margin-bottom: 5vw;
        line-height: 1.5 !important;
    }

    .page-investment-opportunity .strategy-left p {
        margin-bottom: 10vw;
        font-size: 28px;
    }

    .term_sec {
        width: 90%;
    }

    .term_sec h2 {
        font-size: 32px !important;
        margin-bottom: 10vw;
        width: 100% !important;
    }

    .term_sec p {
        width: 100% !important;
    }

    .ch_sec {
        flex-direction: column;
        padding: 25vw 5vw;
    }

    .ch_sec .left {
        width: 100% !important;
    }

    .ch_sec .right {
        width: 100% !important;
    }

    .fs52 {
        font-size: 24px !important;
    }

    .fs24 {
        font-size: 14px !important;
        line-height: 1.4;
    }

    .name_ch h2 {
        display: flex;
        gap: 1vw;
    }

    .name_ch p {
        display: flex;
    }

    .ch_sec .left>h2 {
        margin-bottom: 5vw !important;
    }

    .ch_sec .left h3 {
        margin-bottom: 5vw !important;
    }

    .ch_sec .left>p {
        font-size: 22px;
        margin-bottom: 5vw !important;
    }

    .behalf_sec h2 {
        font-size: 30px !important;
        margin-bottom: 10vw;
        width: 100% !important;
    }

    .behalf_sec {
        padding: 20vw 5vw;
        border-radius: 10px;
        flex-direction: column;
    }

    .behalf_sec h3 {
        width: 100% !important;
        font-size: 28px !important;
        margin-bottom: 5vw !important;
        font-weight: 300;
    }

    .behalf_sec h4 {
        width: 100% !important;
        font-size: 32px !important;
        margin-bottom: 5vw !important;
    }

    .behalf_sec p {
        width: 100% !important;
    }

    .mark_sec p {
        margin: 0 !important;
        width: 100% !important;
    }

    .gov_sec h2 {
        width: 100% !important;
    }

    .gov_sec p {
        width: 100% !important;
        line-height: 1.5;
    }

    .page-chairman .strategy.strategy_pin {
        height: 125vh !important;
        align-items: start !important;
    }

    .page-ceo .strategy_pin>.strategy-right,
    .page-chairman .strategy_pin>.strategy-right {
        bottom: 15vw;
    }

    .menu-links a {
        font-size: 3vw !important;
    }

    .report-slider:hover .report-item:hover .overlay-content {
        padding-top: 3vw;
    }

    .report-slider:hover .report-item:hover .head {
        left: 0%;
    }

    .report-item .img .head h2 {
        font-size: 4.5vw !important;
    }

    .fs62 {
        font-size: 32px !important;
    }

    .abmi_sec h2 {
        width: 100% !important;
        margin-bottom: 10vw;
    }

    .reach-pin {
        position: relative;
        width: 100%;
        left: 0;
    }

    .outper_sec>div {
        width: 100% !important;
        padding: 0;
        margin-bottom: 10vw !important;
    }

    .outper_sec p {
        width: 100% !important;
    }

    .two-column {
        grid-template-columns: 1fr;
        gap: 10vw !important;
    }

    .page-our-contribution .amidst_sec>div h2 {
        font-size: 32px !important;
    }

    .grid_anim .grid {
        gap: 20vw !important;
    }

    .sizew45 {}

    .shard_card:not(.shard_card_nopin) {
        flex-direction: column;
        height: auto;
        padding: 0 5vw 15vw;
    }

    .shard_card .left {
        width: 100% !important;
    }

    .shard_card .right {
        width: 100% !important;
        gap: 5vw;
        display: flex;
        flex-direction: column;
    }

    .shard_card .sh_card.bottom-card {
        position: relative;
        padding: 5vw 5vw !important;
        border-radius: 10px;
    }

    .shard_card .sh_card {
        height: auto !important;
        border-radius: 10px;
    }

    .shard_card .sh_card h2 {
        font-size: 34px !important;
    }

    .shard_card .sh_card p {
        font-size: 24px;
        line-height: 1;
    }

    .img.sizew75.ofh.pl6.mr-auto.mb8 {
        width: 90%;
        margin: auto;
        padding: 0;
    }

    .page-our-contribution .strategy.strategy_pin {
        height: 100vh !important;
    }

    .outper_sec {
        padding: 0 5vw;
    }

    .main_achieving h2 {
        width: 100% !important;
        gap: 2vw;
    }

    .fina_pin .new_box {
        width: 300px;
        padding: 5vw;
    }

    .fina_pin .new_box p.fs24.cl.fw400.lf-55family {
        font-size: 14px;
    }

    .fina_pin .new_box .img {
        margin-bottom: 5vw !important;
    }

    .service_sec.px6.py6>div {
        width: 100%;
        padding: 0;
    }

    .service_sec.px6.py6>div h2 {
        font-size: 32px !important;
    }

    .service_sec.px6.py6>div p {
        width: 100% !important;
    }

    .bod_main .swiper.swiper-main {
        width: 100%;
    }

    .bod_main .swiper-slide.swiper-slide-active .member-photo {
        transform: scale(1.36);
    }

    .value_sec {
        padding: 10vw 5vw;
    }

    .value_sec .h_head {
        width: 100%;
        margin: 0 !important;
    }

    .value_sec .h_head p {
        width: 100% !important;
    }

    .key_box.amidst_sec .rent {
        width: 15px;
        height: 15px;
    }

    .key_box.amidst_sec {
        padding: 10vw 0;
    }

    .key_box.amidst_sec .grid_anim .grid h2 {
        font-size: 28px;
        margin-bottom: 10vw !important;
    }

    .key_box.amidst_sec .grid_anim .grid .img {
        margin-bottom: 10vw !important;
    }

    .key_box.amidst_sec .grid_anim .grid {
        padding: 5vw;
    }

    .grid_wrap .grid ul li {
        font-size: 24px;
        margin-bottom: 4vw;
    }

    .grid_wrap .grid ul li:before {
        width: 10px;
        height: 10px;
        right: -5vw;
        top: 2vw;
    }

    .grid_wrap .grid ul {
        padding-right: 5vw;
    }

    .grid_wrap.d-grid.three-column.gap1 {
        gap: 5vw !important;
    }

    .business_sec>div {
        flex-direction: column;
    }

    .business_sec .leftNav {
        left: auto;
        right: 0;
    }

    .business_sec .leftNav .leftNav li a {}

    .business_sec .leftNav li a {
        justify-content: end;
        flex-direction: row;
    }

    .business_sec {
        padding: 10vw 5vw;
    }

    .business_sec .sm-heading>p {
        margin: 0 !important;
    }

    .business_sec .sm-heading>span {
        width: 15px;
        height: 15px;
    }

    .business_sec .business_main .infos .four-column {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw !important;
    }

    .business_sec .business_main .infos .four-column ul li {
        font-size: 30px !important;
    }

    .business_sec .business_main .infos .four-column li {
        font-size: 20px;
    }

    .business_sec .business_main .infos {
        width: 80% !important;
    }

    .steak-line {
        width: 30px;
    }

    .d_chanel .sm-heading p {
        margin: 0 !important;
    }

    .d_chanel.px3 .four-column {
        grid-template-columns: repeat(2, 1fr);
        gap: 10vw !important;
    }

    .d_chanel.px3 .four-column p {
        font-size: 20px;
    }

    .d_chanel {
        padding: 10vw 5vw;
    }

    .d_chanel .steak-grid li .img {
        margin-bottom: 5vw !important;
    }

    .d_chanel.px3 h2 {
        font-size: 40px !important;
        margin-bottom: 10vw !important;
    }

    .page-board-acknowledgments .strategy-left h3 {
        line-height: 1 !important;
    }

    .page-board-acknowledgments .strategy.strategy_pin {
        height: 130vh !important;
    }

    .page-board-acknowledgments .strategy_pin>.strategy-right {
        left: 10%;
        bottom: 10vw;
    }

    .page-compliance-corporate .reach-pin {
        right: 0;
    }

    .page-micro-small-medium .main_achieving h2 {
        font-size: 30px !important;
    }

    .page-internal-audit .amidst_sec>div h2,
    .page-internal-audit .sm_text h2,
    .page-governance .reach_sec>div h2,
    .page-micro-small-medium .test_sec .right h2,
    .page-business-continuity .sm_text h2,
    .page-business-continuity .amidst_sec>div h2 {
        margin-bottom: 5vw !important;
        font-size: 34px !important;
    }

    .page-hr-policies .reach_sec>div h2 {
        font-size: 30px !important;
    }

    .page-hr-policies .strategy-left h2 {
        font-size: 20px !important;
    }

    .page-hr-policies .strategy-left h3 {
        line-height: 1 !important;
    }

    .page-hr-policies {}

    .page-hr-policies .strategy_pin {
        height: 100vh !important;
    }

    .page-governance .strategy.strategy_pin,
    .page-internal-audit .strategy.strategy_pin {
        height: 100vh !important;
    }

    .mark_sec .icon {
        flex-direction: row;
    }

    .mark_sec .icon svg {
        width: 50px;
        height: 50px;
    }

    .page-social-responsibility .box_grid {
        width: 90%;
        margin: auto;
    }

    ul.steak-grid.gap4.three-column.d-grid.pl10 {
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw !important;
        padding: 0;
    }

    ul.steak-grid.gap4.three-column.d-grid.pl10 li {
        font-size: 20px;
    }

    .reach_sec.px6.pt6.pb6.relative.gap3>div h2 {
        font-size: 44px !important;
    }

    .verse_sec>div {
        width: 100%;
        padding: 0;
    }

    .verse_sec>div h2 {
        overflow: visible;
    }

    .verse_sec {
        padding: 0 5vw;
    }

    .verse_sec>div p {
        width: 100%;
        margin: 0 !important;
    }

    .sm_img .info {
        width: 100% !important;
    }

    .info.sizew55.ml-auto.pr18 {
        width: 100% !important;
    }

    .mb5.px6 h2 {
        font-size: 34px !important;
        padding: 0 !important;
    }

    .mb5.px6 p {
        width: 100% !important;
    }

    .img.sizew75.mb10.ofh.rad30 {
        width: 100%;
    }

    .test_sec.pr15.pb6.flex.reletive {
        padding: 0;
    }

    .reach_sec.px6.relative .flex {
        flex-direction: column;
        gap: 15vw;
    }

    .reach_sec.px6.relative .flex .left {
        width: 100% !important;
    }

    .reach_sec.px6.relative .flex>div {
        width: 100% !important;
    }

    .defense_sec .left h2 {
        font-size: 42px !important;
        line-height: 1.5 !important;
    }

    .defense_sec {
        flex-direction: column;
    }

    .defense_sec .left {
        width: 100% !important;
    }

    .defense_sec .right {
        width: 100% !important;
    }

    .d_chanel>div p {
        width: 100% !important;
    }

    .d_chanel {}

    .steak-grid.four-column.d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10vw !important;
    }

    .steak-grid.four-column.d-grid li {
        font-size: 20px;
    }

    .map_sec {
        flex-direction: column;
    }

    .map_sec>div {
        width: 100% !important;
    }

    h2.clr.fs74.fw700.mb2.reveal.lf-45family.sizew65 {
        width: 100% !important;
        margin-bottom: 5vw !important;
        font-size: 38px !important;
    }

    .shard_card.shard_card_nopin {
        flex-direction: column;
        padding: 0 5vw;
        margin-bottom: 15vw;
    }

    .shard_card.shard_card_nopin .sh_card {
        height: 67vh;
    }

    .shard_card.shard_card_nopin .sh_card .img {
        margin-bottom: 5vw !important;
    }

    .shard_card.shard_card_nopin .sh_card p {
        font-size: 18px !important;
        line-height: 26px;
    }

    .sh_card.bg-red {
        padding: 5vw;
        border-radius: 10px;
    }

    .rapid_sec {
        flex-direction: column;
        padding: 0 5vw;
    }

    .rapid_sec .left {
        width: 100% !important;
    }

    h2.fs74.fw800.lf-55family.mb2.lhn1.clr.reveal {
        font-size: 38px !important;
    }

    .right.sizew55.rad30.ofh {
        width: 100% !important;
    }

    .ban_info.flex.aife.pb1.pl1.pr1.pt1 {
        justify-content: space-between;
        padding: 5vw 0;
    }

    h3.fs40.cw.lf-45family.fw700.sizew45 {
        width: 60% !important;
        font-size: 30px !important;
    }

    .ban_info.flex.aife.pb2.pl1.pr1 {
        justify-content: space-between;
        padding: 5vw 0;
        gap: 2vw;
    }

    .beluver_pin>div {
        width: 100% !important;
    }

    .beluver_pin>div h2 {
        font-size: 28px !important;
        margin-bottom: 5vw !important;
    }

    .beluver_pin>div h3 {
        font-size: 26px !important;
    }

    .inform_sec.stock_table>div h2 {
        font-size: 46px !important;
        line-height: 1 !important;
    }

    .inform_sec.stock_table>div {
        width: 100% !important;
        padding: 0;
    }

    .bab_table.operating-table {}

    .deli_table table thead tr th,
    .deli_table table tbody tr td {
        padding: 5vw;
        font-size: 16px;
    }

    .inform_sec.stock_table.mb3.deli_table.px4.py6 {
        margin-bottom: 15vw;
        padding-right: 5vw;
    }

    .info.px4.pt6 h3 {
        width: 100%;
    }

    .verse_sec.pt6.px4 h2 {
        font-size: 36px !important;
        padding: 0;
    }

    .verse_sec.pt6.px4>div {
        width: 100% !important;
    }

    .reach_sec.pl15.pb6.relative.gap3>div h2 {
        padding: 0 !important;
        font-size: 36px !important;
    }

    .achievingSwiper .grid .img img {
        width: auto;
    }

    .test_sec .right h2 {
        font-size: 34px !important;
        margin-bottom: 5vw !important;
    }

    .ifr_sec>div {
        position: relative;
        left: 0;
    }

    .ifr_sec {
        flex-direction: column;
        padding: 0 5vw;
    }

    .ifr_sec .left {
        width: 100% !important;
    }

    .ifr_sec .right {
        width: 100% !important;
    }

    .px8 .sizew45 {
        width: 100% !important;
    }

    .test_sec .right h2 {
        font-size: 34px !important;
        margin-bottom: 5vw !important;
        width: 100% !important;
        line-height: 2;
    }

    .ifr_sec>div {
        position: relative;
        left: 0;
    }

    .ifr_sec {
        flex-direction: column;
        padding: 0 5vw;
    }

    .ifr_sec .left {
        width: 100% !important;
    }

    .ifr_sec .right {
        width: 100% !important;
    }

    .dri_sec>div {
        width: 100% !important;
    }

    .dri_sec {
        padding: 5vw;
        display: flex;
        flex-direction: column-reverse;
    }

    .dri_sec>div h2 {
        font-size: 38px !important;
        margin-bottom: 5vw !important;
    }

    .bank_text {
        padding: 10vw 5vw;
    }

    .bank_text h2 {
        font-size: 34px !important;
        line-height: 2 !important;
    }

    .bank_text p {
        width: 100% !important;
    }

    .risk_sec {
        padding: 0 5vw;
        width: 100% !important;
    }

    .risk_sec h2 {
        font-size: 34px !important;
        line-height: 1 !important;
        margin-bottom: 5vw !important;
    }

    .risk_sec p {
        width: 100%;
    }

    .feature-section {
        margin-bottom: 15vw;
    }

    .bab_lits ul li {
        font-size: 18px;
        padding-right: 5vw;
        margin-bottom: 5vw;
    }

    .bab_lits {
        width: 100% !important;
        padding: 0;
    }

    .bab_lits ul li:before {
        width: 10px;
        height: 10px;
        right: 0;
        top: 2vw;
    }

    .bab_lits ul {
        padding-right: 0;
        position: relative;
    }

    .amidst_sec>div h2 {
        font-size: 36px !important;
        line-height: 2 !important;
    }

    .test_sec.pr15.pb6.flex.reletive {
        width: 90%;
        margin: auto;
    }

    .page-digital-transformation .inner-banner h2 {
        font-size: 38px !important;
    }

    .trans_text {
        flex-direction: column;
    }

    .trans_text h2 {
        width: 100% !important;
        font-size: 34px !important;
    }

    .trans_text>div {
        width: 100% !important;
    }

    .milestone_sec {
        height: auto;
        flex-direction: column;
        padding: 10vw 5vw 0;
    }

    .milestone_sec .left {
        width: 100% !important;
    }

    .milestone_sec .right {
        width: 100% !important;
    }

    .milestone_sec .mark_sec {
        margin-bottom: 10vw !important;
    }

    .app_info {
        padding: 10vw 5vw;
        width: 100% !important;
    }

    .app_info.sizew50.pr3.pl4.py6 {}

    .app_info h2 {
        font-size: 36px !important;
        margin-bottom: 5vw !important;
    }

    .app_info h3 {
        font-size: 20px;
    }

    .feature-section {
        flex-direction: column;
    }

    .feature-item h5 {
        writing-mode: lr;
        transform: rotate(0);
        font-size: 16px;
        top: 0vw;
        right: 5vw;
    }

    .feature-content h3 {
        font-size: 20px !important;
        margin-bottom: 5vw;
    }

    .feature-content h2 {
        font-size: 30px !important;
        margin-bottom: 5vw;
    }

    .feature-content p {
        font-size: 14px;
        margin-bottom: 5vw;
        width: 100% !important;
    }

    .fund_table>div {
        padding: 0 5vw !important;
    }

    .fund_table .radious_table {
        padding: 0 !important;
    }

    .page-subsidiaries .feature-item.active {
        flex: 12;
    }

    .page-subsidiaries .feature-section {
        height: 150vh;
    }

    .hover_card h4 {
        font-size: 16px;
    }

    .hover_card ul li {
        font-size: 14px;
        margin-bottom: 2vw;
        padding-right: 4vw;
    }

    .hover_card ul li:before {
        width: 5px !important;
        top: 1vw !important;
        height: 5px !important;
    }

    .hover_card ul {
        margin-bottom: 5vw;
    }

    .strategy-left  .ban_info {
        align-items: start;
        padding: 5vw 0;
    }

    .ban_info h3 {
        font-size: 18px !important;
        line-height: 1.4;
    }

    .ban_info>div span {
        font-size: 42px !important;
    }

    .ban_info>div {
        align-items: center;
    }

    .page-social-responsibility .test_sec {
        width: 100% !important;
    }

    .ban_info h4 {
        font-size: 16px !important;
        width: 100% !important;
        justify-content: left;
    }

    .tier_table table tbody tr td:first-child {
        width: 55% !important;
    }

    .tier_table table tbody tr td {
        padding: 5vw !important;
        font-size: 16px !important;
    }

    .feature-item.active {
        flex: 8;
    }

    .income_table table tbody tr td,
    .net_table table tbody tr td {
        font-size: 16px !important;
    }

    .income_table table,
    .net_table table {
        width: 1500px;
    }

    .fs36 {
        font-size: 18px !important;
    }

    .inform_sec.stock_table>div {
        padding: 0 5vw !important;
    }

    p.fs28.lf-55family.lh1s.cb.mb2.fw100.reveal.sizew55 {
        width: 100% !important;
        padding: 0 5vw;
    }

    .reach_sec .flex.gap13 {
        flex-direction: column;
    }

    .reach_sec .flex.gap13>div {
        width: 100% !important;
    }

    .mark_sec .icon img {
        width: 24px;
    }

    .reach_sec .flex.gap13 .left .mark_sec {
        padding-right: 5vw !important;
    }

    .reach_sec .flex.gap13 .left .mark_sec p {
        margin: 0 !important;
    }

    .mark_sec .icon>div p {
        padding: 0;
        margin: 0 !important;
    }

    .fs64.fw700.lf-45family.clr.flex.aib.lhn1.gap1 {
        margin: 0 !important;
    }

    .img.sizew80.ml-auto.ofh.rad30.pr9 {
        padding: 0 5vw;
    }

    .summary_sec>div {
        flex-direction: column;
        align-items: start !important;
    }

    i.bg-lt-gray {
        display: none;
    }

    .composition_table>div {
        padding: 0 !important;
    }

    .bab_table table tbody tr td {
        font-size: 16px !important;
        padding: 20px !important;
    }

    .bab_table table thead tr th {
        font-size: 16px !important;
        padding: 20px !important;
    }

    .summary_sec .inform_sec .bab_table table {
        width: 1200px;
    }

    .graph-table>div {
        padding: 0 !important;
    }

    .text_table>div {
        width: 100% !important;
    }

    .b_text {
        width: 100% !important;
    }

    .mb4.pl6.sizew70 {
        width: 100%;
        padding: 0 5vw;
    }

    .inform_sec.mb8.strtegic-table>div {
        margin: 0;
        padding: 0;
    }

    .flex.px7.py10.gap8 {
        flex-direction: column;
        padding: 10vw 5vw;
    }

    .flex.px7.py10.gap8 .left {
        width: 100% !important;
    }

    .flex.px7.py10.gap8 .right {
        width: 100%;
    }

    .rapid_sec .left p {
        width: 100% !important;
    }

    .rapid_sec .right.sizew50 {
        width: 100% !important;
    }

    .stakeholder-grid {
        max-width: 90%;
    }

    .stakeholder-grid h2 {
        font-size: 12px;
        padding: 16px;
    }

    .stakeholder-grid {
        grid-template-columns: 1fr;
        gap: 5vw;
    }

    .stakeholder h3 {
        font-size: 14px;
    }

    .stakeholder-grid .cell ul li {
        font-size: 14px;
    }

    .cell {
        flex-direction: column;
        padding: 5vw 7vw;
    }

    .stakeholder-grid .cell ul li::marker {
        font-size: 12px;
    }

    .stakeholder-grid .cell ul {
        width: 100%;
    }

    .year_review_sec_page .review_sec {
        padding-right: 5vw;
    }

    .page-year-in-review .firstDiv.first {
        width: 150vw !important;
        padding: 30vw 0 0vw !important;
        height: 71vh !important;
        gap: 10vw;
    }

    .year_review_sec_page .mon_sec .img {
        margin-top: -25.5vw;
    }

    .year_review_sec_page .timeline_nav {
        padding-right: 10vw;
    }

    .year_review_sec_page .heading-year {
        top: 20vw;
        right: 5vw;
    }

    .year_review_sec_page .firstDiv.first .stat-section .stat-inner {
        height: 71vh;
        align-items: center;
    }

    .year_review_sec_page .stat-text {
        font-size: 16px;
    }

    .year_review_sec_page .stat-section.scod .stat-inner {
        align-items: end;
        height: 45vh;
    }

    .year_review_sec_page .stat-section.scod .stat-inner p {}

    .year_review_sec_page .stat-inner {
        max-width: 950px !important;
    }

    .year_review_sec_page .stat-section .stat-inner {
        align-items: center;
        height: 70vh;
    }

    .year_review_sec_page .state_text .stat-section:nth-child(odd) .timeline {
        top: -33vw;
    }

    .stat-section.wd_sec .stat-inner .sizew25 {}

    .year_review_sec_page .wd_sec .stat-inner {
        max-width: 800px;
        height: 60vh;
    }

    .f_ifno .stat-section2 .stat-inner {
        align-items: initial;
    }

    .year_review_sec_page .firstDiv.first .second.tec_wd .stat-section .stat-inner {
        align-items: center;
    }

    .bod_main .swiper-slide.swiper-slide-active {
        width: 200px !important;
    }

    .bod_main .swiper-slide .member-photo {
    }

    .bod_main .swiper-slide {
        width: 140px !important;
    }

    .bod_main .swiper.swiper-main .swiper-wrapper {
        align-items: center;
        bottom: 20%;
    }

    .bod_main {
        padding: 20vw 5vw;
    }

    .bod_main .bod-infos .inner h2 {
        font-size: 20px;
    }

    .bod_main .bod-infos {
        width: 70%;
        bottom: 10vw;
    }

    .bod_main .bod-infos .inner p {
        font-size: 12px;
    }

    .bod_main .bodPagi .bod_anim p {
        font-size: 12px !important;
    }

    .bod_main .bodPagi .bod_anim p i {
        width: 10px;
        height: 10px;
    }

    .bod_main .bodPagi .bod_anim p:hover,
    .bod_main .bodPagi .bod_anim p.active {
        padding-right: 15px;
    }

    .bod_main>h2 {
        font-size: 42px !important;
    }

    .bod_main .bodPagi {
        top: 0vw;
        z-index: 10;
        display: none;
    }

    .bod_main.executive_mn {
        padding: 20vw 5vw;
    }

    .bod_main.executive_mn>h2 {
        font-size: 40px !important;
    }

    .menu-icon .lines span {
        width: 25px;
        height: 3px;
    }

    .menu-icon .lines {
        gap: 5px;
    }

    .menu-icon.close-icon span:last-child {
        margin: -7px 0 0px;
    }

    .stat-section2 .timeline {
        top: 2.8vw !important;
    }

    .firstDiv.bt_two.start {
        width: 125vw;
        height: 60vh;
    }

    .firstDiv.first .timeline {
        top: 9vw;
    }

    .fs56 {
        font-size: 22px !important;
    }

    .year_review_sec_page .three .wd_sec .stat-inner {
        max-width: 1200px !important;
    }

    .inner.three .firstDiv.first {
        width: 220vw !important;
        padding: 40vw 0;
    }

    .inner.three .firstDiv.first .sizew25.mb6 {
        margin-bottom: 21vw;
    }

    .inner.three .firstDiv.first .stat-content h3 {
        font-size: 30px !important;
    }

    .pin-wrap .inner.four .firstDiv.first {
        width: 200vw;
        padding: 30vw 0;
    }

    .year_review_sec_page .pin-wrap .inner.four .stat-section .timeline {
        top: 5vw !important;
    }

    .inner.four .f_ifno {
        width: 200vw;
    }

    .year_review_sec_page .pin-wrap .inner.four .stat-inner.sizew55.ml-auto {
        width: 71% !important;
    }

    .inner.five .firstDiv.first {
        width: 150vw;
        padding-top: 36vw;
    }

    .inner.flex.second .firstDiv {
        padding: 20vw 0;
    }

    .inner.flex.second .firstDiv.first .timeline {
        top: 0vw;
    }

    .inner.three .stat-inner {
        max-width: 550px;
    }

    .year_review_sec_page .four .wd_sec .stat-inner {
        padding-top: 5vw;
    }

    .homeGlanceSwiper .home_pagination span.custom-pagination-bullet.bullet-active,
    .homeGlanceSwiper .home_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 20px;
    }

    .boxs .top-box p {
        font-size: 16px;
    }

    .flex.jcsb.gap15.aic {
        flex-direction: column;
    }

    .flex.jcsb.gap15.aic .left.sizew55 {
        width: 100% !important;
    }

    .abmi_sec {
        height: auto;
    }

    .page-investor-information .grid {
        width: 75vw;
        height: 35vh;
    }

    .page-investor-information .grid h2 {
        font-size: 30px !important;
        margin: 0 !important;
    }

    .page-investor-information .grid p {
        font-size: 28px !important;
    }

    .item canvas {
        width: 300px !important;
        height: 300px !important;
    }

    .item {}

    .shareholders_holder {
        justify-content: center;
    }

    .shareholders_by>div {
        width: 100% !important;
    }

    .page-investor-information .stat-inner {
        max-width: 550px;
    }

    .page-investor-information .stat-inner p {
        font-size: 24px !important;
    }

    .page-investor-information .firstDiv {
        padding: 35vw 0 0 7vw;
        width: 70vw;
    }

    .page-investor-information .state_text .stat-section:nth-child(odd) .timeline {
        top: 2.5vw;
    }

    .page-investor-information .state_text {
        padding: 50vw 0 52vw;
    }

    .driving_sec {
        padding: 20vw 5vw;
    }

    .relat_sec {
        flex-direction: column;
        padding: 10vw 5vw;
    }

    .relat_sec h2 {
        width: 100% !important;
    }

    .flex.aic.gap2 {
        /* flex-direction: column; */
        width: 100% !important;
    }

    .driving_sec .img {
        padding: 0;
    }

    .page-investor-information .year_review_sec .sm-heading {
        left: 5vw;
        top: 15vw;
    }

    .page-investor-information .firstDiv .heading h2 {
        font-size: 50px !important;
        overflow: visible;
    }

    .driving_sec .info h2 {
        width: 100% !important;
    }

    .reach_sec>div h2 {
        font-size: 36px !important;
        line-height: 1.1;
    }

    .sm_text h2 {
        font-size: 32px !important;
    }

    .dot {
        width: 8px;
        height: 8px;
        border-radius: 2px;
    }

    h2.fs32.sizew40.lhn1.cw.lf-45family.fw700 {
        width: 100% !important;
    }

    h2.fs32.sizew40.lhn1.cw.lf-45family.fw700 {
        width: 100% !important;
    }

    .text.pl6.py6.sizew45 {
        width: 100% !important;
        padding: 0 5vw;
    }

    .feature-content>div {
        width: 100% !important;
    }

    .feature-section2 .feature-content {
        padding: 0 5vw;
    }

    .feature-section2 .feature-item .feature-content p {
        font-size: 14px;
    }

    .bab_list ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .g_box h2 {
        font-size: 20px !important;
    }

    .g_box {
        width: 100% !important;
        padding: 20px;
    }

    .g_box p {
        font-size: 12px !important;
    }

    .page-operational-summary .feature-section {
        height: 135vh;
    }

    .bab_list ul li:before {
        width: 5px;
        height: 5px;
        top: 2vw;
        right: -3vw;
    }

    .bab_list ul {
        padding-right: 3vw;
    }

    .bab_list {
        width: 100%;
        margin-bottom: 5vw;
    }

    .text.pl6.py6.sizew55 {
        width: 100% !important;
        padding: 0 5vw;
    }

    .feature-content .sizew85 {
        width: 100% !important;
    }

    .generation_sec .feature-content {
        padding: 10vw 5vw;
    }

    .feature-content .sizew85 .ban_info {
        flex-direction: row;
        justify-content: space-between;
    }

    .feature-content .sizew85>h3 {
        font-size: 0 !important;
    }

    h3.fs40.cw.lf-45family.fw700.sizew45.mb0 {
        font-size: 22px !important;
    }

    .feature-section {
        border-radius: 6px;
    }

    .ban_info>div h5 {
        font-size: 36px !important;
    }

    .page-our-people .strategy.strategy_pin {
        height: 140vh !important;
    }

    .main-banner .year-text {
        top: auto;
        bottom: 10vw;
        color: #fff;
    }

    .main-banner .year-text h3 {
        font-size: 28px;
        line-height: 2;
    }

    .fs84 {
        font-size: 36px !important;
    }

    .download_pdf {
        justify-content: start;
        padding-top: 20vw;
    }

    .download_pdf a {
        width: 100%;
        margin-bottom: 3vw;
        padding-bottom: 3vw;
    }

    .mon_sec {
        gap: 5vw;
    }

    body.menu-opened {
        overflow: hidden;
    }

    .report-slider {
        flex-direction: column;
        height: 85vh;
    }

    .report-item {
        width: 100%;
        min-height: 40px;
    }

    .report-item:nth-child(2) {
        top: 0;
    }

    .report-item:nth-child(3) {
        top: 0;
    }

    .report-item:nth-child(4) {
        top: 0;
    }

    .report-item:nth-child(5) {
        top: 0;
    }

    .vert-head {
        writing-mode: inherit;
        transform: rotate(0);
    }

    .vert-head h2 {
        font-size: 16px;
        width: 100%;
    }

    .vert-head {
        padding: 0 7vw;
    }

    .menu-links {
        justify-content: center;
        height: 100%;
    }

    .menu-links a {
        font-size: 12px;
    }

    .menu-links ul {
        width: 50%;
    }

    .report-item {}

    .menu-links li {
        margin-bottom: 2vw;
    }

    .report-item .img .head h2 {
        font-size: 16px;
    }

    .menu-links li a:before {
        top: 3vw;
    }

    .report-slider:hover .report-item:hover .img {
        width: 25%;
    }

    .report-item .img .head {
        left: 0;
        width: 100%;
        bottom: 0;
        top: 0;
        height: 100%;
        padding: 0 5vw 0;
        justify-content: center;
    }

    .report-item .img .head br {
        display: none;
    }

    .report-slider:hover .report-item:hover h2 {
        font-size: 32px;
    }

    .report-item .img .svg svg {
        width: 20px;
        height: 20px;
    }

    .report-slider:hover .report-item:hover .head {
        left: -22vw;
        top: 0;
        padding: 5vw 0 0;
        align-items: end;
        justify-content: center;
    }

    .header .left {
        gap: 4vw;
    }

    .report-slider:hover .report-item:hover .overlay-content {
        padding: 5vw;
    }

    .report-item:nth-child(5) .head {
        right: auto;
    }

    .pagi-g {
        position: relative;
        opacity: 1;
        visibility: visible;
    }

    .download-main {
        flex-direction: column;
    }

    .download-main .left {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .download-main .right {
        width: 100%;
    }

    .download-list li a,
    .filter-list li {
        font-size: 14px;
        margin-bottom: 20px;
        padding-top: 0px;
    }

    .download-main .left .filter-section {
        width: 50%;
    }

    .download-main .left .filter-section {
        width: 100%;
        margin-bottom: 40px;
    }

    .download-list li svg,
    .filter-list li svg {
        width: 12px;
        height: 12px;
    }

    .download-btn {
        font-size: 12px;
        padding: 4px 20px;
    }

    .download-main .left .download-section {
        width: 100%;
    }

    .ckeckbox-list label {
        font-size: 14px;
        padding-right: 8vw;
    }

    .ckeckbox-list label:before {
        width: 15px;
        height: 15px;
        top: 1px;
    }

    .ckeckbox-list li:first-child label {
        font-size: 16px;
        padding-right: 8vw;
    }

    .download-body .download-center .ckeckbox-list li {
        margin-bottom: 3vw;
    }

    .download-banner {
        padding-top: 20vw;
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-list li::after {
        width: 15px;
        height: 15px;
    }

    .filter-list li {
        padding-right: 30px;
    }

    .filter-list li.active::before,
    .ckeckbox-list li:first-child input:checked+label:after {
        top: 5px;
        right: 5px;
        height: 8px;
        width: 4px;
    }

    .ckeckbox-list li:first-child label {
        padding-top: 1px;
    }

    .download-btn2 {
        font-size: 14px;
    }

    .download-banner .borderLine {
        padding-bottom: 20px;
    }

    .report-item .img .head {
        padding-right: 5vw;
        bottom: 0;
        padding-left: 5vw;
        height: 100%;
        justify-content: center;
    }

    .report-item .img .head br {}

    .report-item .img .head h2 {
        color: rgba(255, 255, 255, 1);
        font-size: 5vw;
        line-height: 1.1;
    }

    .report-slider:hover .report-item:hover .img {
        width: 50%;
        height: 26vh;
    }

    .report-item {
        flex-direction: column;
        gap: 0;
        justify-content: space-between;
        height: 100%;
    }

    .report-slider:hover .report-item:hover .overlay-content {
        width: 100%;
        opacity: 1;
        padding: 0;
        height: 50%;
    }

    .menu-links {
        margin-bottom: 0;
        gap: 0;
        justify-content: start;
        align-items: start;
        padding-top: 5vw;
    }

    .menu-links li {
        margin-bottom: 2px;
    }

    .menu-links a {
        text-decoration: none;
        font-size: 14px;
    }

    .report-slider:hover .report-item:hover {}

    .vert-head {
        justify-content: start;
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 5vw;
        padding-left: 5vw;
        align-items: center;
    }

    .vert-head h2 {
        font-size: 5vw;
    }

    .report-slider {
        height: 79vh;
        position: relative;
        overflow: hidden;
        margin-bottom: 3vw;
    }

    .report-slider {
        gap: 10px;
    }

    .report-slider:hover .report-item:hover h2 br {
        display: block;
    }

    .stat-number i {
        font-size: 16px;
    }

    .flex.aic.gap2>div {
        width: 100% !important;
    }

    .notPin_sec .upper_sec {
        height: auto;
    }

    .notPin_sec .upper_sec {
        height: 50vh;
    }

    .pattern_bg {
        width: 100% !important;
        position: relative;
    }

    .reinforced_sec {
        flex-direction: column;
        padding: 0 5vw;
    }

    .reinforced_sec>div {
        width: 100% !important;
    }

    .driving_sec .info {
        padding-right: 0;
    }

    .amidst_sec .pattern_bg {
        top: auto;
        bottom: -10vw;
    }

    .outper_sec {
        padding-bottom: 20vw;
    }

    .ensures_sec {
        padding-right: 0;
    }

    .tightly_sec .pattern_bg {
        width: 100% !important;
        bottom: 2vw;
    }

    .tightly_sec {
        padding-bottom: 20vw;
    }

    .stat-content p {
        padding-right: 8vw;
        width: 100% !important;
        font-size: 52px;
        margin-bottom: 5vw;
    }

    .state_text .stat-section:nth-child(even) {
        justify-content: center;
        padding-top: 22vw;
    }

    .year_review_sec .sm-heading {
        top: 10vw;
        left: 10vw;
    }

    .fs166 {
        font-size: 80px !important;
    }

    .stat-content {
        position: relative;
        bottom: 10vw;
    }

    .state_text .stat-section:nth-child(even) .stat-content {
        bottom: -17vw;
    }

    .firstDiv .heading h2 {
        width: 100% !important;
        font-size: 70px;
    }

    .stat-section.scod p {}

    .state_text .stat-section h2 {
        margin-bottom: 5vw;
    }

    .digital_sec .item .right .imgs div:last-child {
        top: 10vw;
    }

    .skip_btn {
        bottom: 15vw;
    }

    .fs54 {
        font-size: 24px !important;
    }

    .execute_sec {
        padding: 0 5vw 10vw;
    }

    .grid_anim .grid h3 {
        font-size: 24px !important;
    }

    .page-ceo .strategy.strategy_pin{
        height: 120vh !important;
    }

    .img.sizew75.ofh.pl8.mb5 {
        width: 90%;
        padding: 0;
        margin: auto;
    }

    .behalf_sec >div{
        width: 100% !important;
    }

    .gov_sec {
        padding: 5vw;
    }

    .flex.gap5.px4 {
        flex-direction: column;
        margin-bottom: 15vw;
    }

    .flex.gap5.px4 p {
        width: 100% !important;
    }

    .flex.gap5.px4 >div {
        width: 100% !important;
    }

    .box_grid.d-grid .grid h2 {
        width: 100% !important;
    }

    .shard_card .sh_card p {
        font-size: 22px !important;
        height: auto;
        line-height: 1.5;
    }

    .outper_sec >div h2 {
        font-size: 44px !important;
        line-height: 2 !important;
    }

    .new_box p.fs24.cl.fw400.lf-55family {
        margin: 0 !important;
    }

    .year_review_sec_page .stat-section {
        width: 100%;
    }

    .page-year-in-review .firstDiv.first .timeline {
        top: -24vw !important;
    }

    .year_review_sec_page .state_text .serviceDiv.stat-section:nth-child(even) .timeline {
        top: 16vw !important;
    }

    .year_review_sec_page  .state_text .stat-section:nth-child(even) .stat-content {
        bottom: -25vw;
    }

    .year_review_sec_page .state_text .stat-section:nth-child(even) .timeline {
        top: 15vw;
    }

    .firstDiv.start.first.firstDiv2 {
        justify-content: space-around;
        height: 100%;
    }

    .year_review_sec_page .four .stat-inner {
        max-width: 1500px !important;
    }

    .year_review_sec_page .firstDiv.first .f_ifno .stat-section  .stat-inner {
        height: 44vh !important;
    }

    .year_review_sec_page .pin-wrap .inner.four.fourNew .stat-section:nth-child(odd) .timeline {
        top: -32vw !important;
    }

    .year_review_sec_page .firstDiv.start.first.corporateDivPe {
        width: 200vw !important;
        gap: 37vw;
    }

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

    .chart-center-text {
    }

    .shareholders_holder .chart-center-text strong {
        font-size: 50px !important;
    }
    
    .page-investor-information .stat-section.scod {
        justify-content: flex-end !important;
        padding-top: 0 !important;
    }

    .relat_sec >div {
        width: 100% !important;
    }

    .relat_sec >div h2 {
        margin-bottom: 10vw !important;
    }

    .amidst_sec .prnt_img {
        width: 90% !important;
    }

    .amidst_se .flex.aife >div {
        width: 100% !important;
    }

    .rapid_sec .flex.aife {
        flex-direction: column;
    }

    .rapid_sec .text h2 {
        font-size: 44px !important;
        line-height: 2 !important;
        width: 100% !important;
    }

    .rapid_sec .text h3 {
        padding: 0 !important;
    }

    .furt_sec {
        width: 100% !important;
        padding: 0 5vw;
    }

    .bab-btn-sm a {
        font-size: 14px !important;
    }

    .strategy_pin h3 {
        width: 100%;
        padding: 0;
        line-height: 1.5;
    }

    .swiper.achievingSwiper {
        margin-bottom: 5vw;
    }

    .bab-btn.bab-btn-sm.wt_sm {
        width: max-content !important;
    }

        .sm_text >div {
        flex-direction: column;
    }

    .sm_text .prnt_img {
        width: 100% !important;
    }

    .sm_text >div .sizew40 {
        width: 100% !important;
    }

    .amidst_sec .flex.aic.gap5 {
        flex-direction: column;
    }

    .flex.aic.gap5 {}

    .amidst_sec .flex.aic.gap5 >div {
        width: 100% !important;
    }

    .app_info >div {
        flex-direction: column;
    }

    .app_info >div .left {
        width: 100% !important;
    }

    .app_info >div .left p {
        width: 100% !important;
        margin-bottom: 5vw;
    }

    .app_info >div .right {
        width: 100% !important;
    }

    .amidst_sec h2 {
        margin-bottom: 5vw !important;
    }

    .amidst_sec h2 {
        width: 100% !important;
    }

    .program_sec >div {
        padding: 0 0;
        flex-direction: column;
    }

    .program_sec >div .img {
        width: 100% !important;
    }

    .program_sec >div {
        width: 100% !important;
        padding: 10vw 5vw;
    }

    .program_sec .sizew50 {
        width: 100% !important;
    }

    .dri_sec >div p {
        width: 100%;
    }

    .page-technology .strategy.strategy_pin {
        height: 60vh !important;
    }

    .strategy.pl6 {
        flex-direction: column;
    }

    .prnt_img {
        width: 100% !important;
    }

    .page-our-people .strategy {
        height: 100vh;
    }

    .rapid_sec.flex.gap5.pl7.pb5.pr8 {
        padding: 0;
    }

    .test_sec .tech_pin {
        left: 0;
        margin-bottom: 10vw;
    }

    .info.sizew45.pl6 {
        width: 100% !important;
        padding: 0;
    }

    .info.sizew45.pl6 h2 {
        margin-bottom: 5vw !important;
    }

    .page-sustainability .feature-item h5 {
        font-size: 14px;
        top: 0;
        right: 5vw;
    }

    .page-information-security .highlit_sec .box_h,
    .page-social-responsibility .highlit_sec .box_h,
    .page-subsidiaries .highlit_sec .box_h{
        height: 50vh !important;
        width: 100%;
    }

    .page-social-responsibility .strategy{
        height: auto !important;
    } 

    .page-social-responsibilit .mark_sec.mark_sec.pt1 p {
        margin: 0 !important;
    }

    .grid.bglgray.rad20.pt3.pb2.pl2.pr2 {
        justify-content: center;
    }

    .grid.bglgray.rad20.pt3.pb2.pl2.pr2 .mark_sec.pt0.pb3 {
        margin: 0 !important;
    }

    .test_sec  .reach_sec.relative.gap3 {
        padding: 0;
    }

    .steak-grid li {}

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

    .steak-grid li p {
        font-size: 22px;
    }

    .info.pr15.flex.aic.gap5 {
        flex-direction: column;
    }

    .info.pr15.flex.aic.gap5 >div {
        width: 100% !IMPORTANT;
    }

    .verse_sec .sm_img.ofh.mb5 {
        margin-bottom: 15vw !important;
    }

    .res_box .box {
        padding: 5vw;
        gap: 15vw;
    }

    .res_box .box h2 {
        font-size: 32px !important;
    }

    .verse_sec .pl6.mb5.sizew75 {
        margin-bottom: 10vw !important;
    }

    .page-subsidiaries .highlit_sec .box_h .info {
        justify-content: space-between;
    }

    .page-subsidiaries .highlit_sec.pl7.pt5.mb7 {
        padding: 0 5vw 0 0;
    }

    .amidst_sec  .img.sizew80.pl3.ofh.rad30 {
        padding: 0;
    }

    .page-micro-small-medium .box_grid .grid {
        width: 100% !important;
    }

    .page-compliance-corporate .strategy.strategy_pin {
        height: 100vh !important;
    }

    .overlay-content .financialLast {
        padding-top: 5vw;
    }

    .glance_banner_home {
        overflow: hidden;
    }

    .glance_banner.glance_banner_home .glance_min {
        top: 20% !important;
    }

    .glance_banner_home  .glanceSwiper {
        height: 45vh;
    }

    .glance_banner.glance_banner_home .leftNav {
        top: 15vw;
        right: auto;
    }

    .glance_list .glanceSwiper .item p {
        font-size: 16px !important;
        line-height: 20px;
    }

    .page-our-contribution .fina_pin .new_box {
        height: 60vh !important;
    }

    .rapid_sec .flex.aife >div {
        width: 100% !important;
    }

    .page-capital-adequacy .achievingSwiper .grid {
        height: 35vh;
    }

    .sm_text.pr5.pt6 h2 {
        width: 100% !important;
    }

    .download-main .left {
        position: relative;
    }

    .download_pdf a .arrow_wt {
        width: 30px;
        height: 30px;
    }

    .firstDiv .heading {
        height: auto;
    }

    .timeline {
        top: -34vw;
    }

    .scnd_m {
        width: 400vw !important;
    }

    .mon_sec .cw.sizew60.flex.gg2.aic {
        width: 80% !important;
        gap: 5vw;
    }

    .all_info_show {
        width: 100%;
    }

    .third_m {
        width: 700vw !important;
    }

    .right_n_info {
        width: 75%;
    }

    .scnd_m .timeline {
        top: -75%;
    }

    .third_m .timeline {
        top: -27vw;
    }

    .third_m .stat-inner {
        width: 30%;
    }

    .right_n_info > p {
        font-size: 16px;
        margin-bottom: 3vw;
    }

    .right_n_info > p:before {
        width: 10vw;
    }

    .third_m .stat-inner .gg2 {
        gap: 5vw;
    }

    .third_m .mon_sec .img {
        margin-top: -27%;
    }

    .absolute.pin-left.pin-right.is-inview {
        position: relative;
        width: 100%;
    }

    .year_review_sec_page .mon_sec {
        height: auto;
    }

    .year_review_sec_page .firstDiv {
        width: 150vw;
    }

    /* .timelineNavData .review_sec {
        right: 2%;
    } */

    .year_review_sec_page .third_m .mon_sec .img {
        margin-top: -18%;
    }

    .year_review_sec_page .scnd_m .timeline {
        top: -34vw !important;
    }

    .page-year-in-review .firstDiv .heading {
        top: 20vw;
        position: relative;
    }

    .page-investor-information .timeline .circle {
        width: 80px;
        height: 80px;
    }

    .page-investor-information .timeline .line {
        height: 75px;
    }

    .financial-position-section {
        justify-content: center;
        padding-top: 20vw !important;
    }

    .test_sec .absolute.tech_pin.pt2.sizew40.is-inview {
        position: relative !important;
        width: 100% !important;
        left: 0;
    }

    .page-social-responsibility .strategy-left h2 img {
        width: 40px;
    }

    .dw-btn {
        display: none;
    }

    .down_pdf_mb{
        width: 100%;
    }
    .menu-main {
        flex-direction: column;
        justify-content: end;
    }

    .down_pdf_mb a {
        width: 100%;
        padding: 10px 15px;
    }

    .down_pdf_mb a .arrow {width: 25px;height: 25px;}

    .down_pdf_mb  .bab-btn a svg {
        width: 12px;
    }

    .down_pdf_mb a svg {
        width: 12px;
    }

    .down_pdf_mb {
        display: block !important;
    }

    .page-home .four_m {
        width: 300vw !important;
        height: auto;
        gap: 25vw;
    }

    .page-home h3.cw.fs28.lgn1.reveal.sizew60 {
        width: 100% !important;
    }

    .page-home .four_m .mon_sec {

        width: 150% !important;

    }

    .five_m {
        width: 400vw !important;
    }

    .six_m {
        width: 600vw !important;
    }

    .five_m .timeline {
        top: -31vw;
    }

    .four_m .timeline {
        top: -35vw;
    }

    h3.cw.fs28.lgn1.reveal.sizew60 {
        width: 100% !important;
    }

    h3.cw.fs28.lgn1.reveal.sizew75 {
        width: 100% !important;
    }

    .seven_m {
        width: 1000vw !important;
    }

    .year_review_sec_page .seven_m p {
        font-size: 18px;
        margin-bottom: 3vw;
        padding-top: 3vw;
    }

    .year_review_sec_page .seven_m p:before {
        width: 30px;
    }
    
    .digital_sec .cta a img.img2 {
        width: 60px;
    }

    .four_m {
        width: 450vw !important;
    }

    .page-year-in-review .four_m {
        width: 450vw !important;
    }

    .six_m .timeline {
        top: -39vw;
    }

    .year_review_sec_page .six_m .all_info_show .stat-inner .gg2 {
        gap: 5vw !important;
    }

    .seven_m .timeline {
        top: -36vw;
    }
    .all_info_showEmbText .stat-inner .flex {
        width: 120vw;
        gap: 30px;
    }
    .all_info_showEmbText .stat-inner .right_n_info {
    }
    
    .page-year-in-review .timelineNavData .review_sec {
        padding-right: 0 !important;
    }
    .page-year-in-review .timelineNavData .timeline_nav {
        margin-right: 0 !important;
    }

    .year_review_sec_page .four_m .mon_sec .img {
        margin-top: -39.5vw;
    }

    .cw.flex.gg2.aic {
        gap: 5vw;
    }

    .page-home .four_m .timeline {
        top: -23vw;
    }

    .ajd_n_btn .swiper-button-next, .ajd_n_btn .swiper-button-prev {
        width: 45px;
        height: 45px;
    }

    .ajd_n_btn {
        left: 20vw;
        top: auto;
        bottom: 10vw;
    }

    .enjaz_sec .right {
        width: 100%;
    }

    .page-at-glance .incom_list a {
        font-size: 14px;
    }
.pro_info .left .usd_info .number p {
    margin: 0 !important;
}
    .page-at-glance .incom_list {
        bottom: 0;
    }

    .page-year-in-review .timeline {
        top: -33vw;
    }

    .page-year-in-review .third_m .timeline {
        top: -27vw !important;    
    }

    .relat_sec .flex.aic.gap1 {
        gap: 3vw !important;
    }

    .page-digital-transformation .strategy{
        height: 65vh;
    }

    .milestone_sec  h2 {
        font-size: 22px;
        width: 100% !important;
        margin-bottom: 5vw !important;
    }

    .page-customer-experience .amidst_sec h2{
        font-size: 34px !important;
    }

    .page-shared-services .highlit_sec .box_h {
        height: 400px;
    }

    .ifr_sec .absolute.pb10.pt1.is-inview.sizew40 {
        position: relative;
        width: 100% !important;
        padding: 10vw 0;
    }

    .main_achieving .img.mb2.sizew10.pt3 {
        width: 150px;
        margin-bottom: 5vw !important;
    }

    .card_sec .card .img {
        width: 100%;
        filter: brightness(0.5);
    }

    .milestone_sec .left .flex.aic.gap1.sizew40 {
        width: 80% !important;
        gap: 2vw !important;
    }

    .flex.aic.gap1.sizew40 {}

    .app_info .flex {
        gap: 10vw;
    }

    .app_info .flex.aic.gap1.sizew40 {
        width: 80% !important;
    }

    .digital_sec .item .left .flex.aic.gap1.sizew30 {
        width: 80% !important;
        gap: 2vw !important;
    }
    .fs64 img {
        width: 26px;
    }

    .homeNewYearInView .firstDiv .heading {
        align-items: center;
    }
    .homeNewYearInView .firstDiv .heading h2 {
        font-size: 50px;
    }
    .homeNewYearInView .firstDiv .stat-content {
        padding-top: 90px;
    }
    .year_review_sec .review_sec .item {
        padding-right: 10%;
    }

    .homeNewYearInView .pin-wrap .inner:nth-child(4) .firstDiv,
    .homeNewYearInView .pin-wrap .inner:nth-child(5) .firstDiv, 
    .homeNewYearInView .pin-wrap .inner:nth-child(6) .firstDiv,
    .homeNewYearInView .pin-wrap .inner:nth-child(7) .firstDiv  {
        width: 70%;
    }
    .sub.flex.gg7.mb1 .mark_sec {
        width: 45%;
        padding: 5vw 5vw 5vw 0;
    }

    .year_review_sec_page .firstDiv .heading {
        align-items: center;
    }
    .year_review_sec_page .firstDiv .heading h2 {
        font-size: 50px;
    }
    .year_review_sec_page .right_n_info,
    .year_review_sec_page .firstDiv .stat-content {
        padding-top: 70px;
    }
    .page-year-in-review .timeline {
        top: 0;
    }
    .year_review_sec_page .mon_sec .img {
        margin-top: 0;
    }
    .year_review_sec_page .scnd_m .timeline {
        top: 0 !important;
    }
    .year_review_sec_page .scnd_m {
        width: auto !important;
    }
    .year_review_sec_page .third_m .mon_sec .img {
        margin-top:0;
    }
    .page-year-in-review .third_m .timeline {
        top: 0 !important;
    }
    .year_review_sec_page .four_m .mon_sec .img {
        margin-top:0;
    }
    .year_review_sec .review_sec .item {
        padding-right: 0;
    }

    .page-investor-information .state_text {
        padding: 0;
    }
    .investorTimeline .firstDiv .heading {
        height: 25vh;
    }
    .investorTimeline .stat-content {
        position: relative;
        bottom: 0;
    }
    .investorTimeline .stat-content {
        padding-top: 50px;
    }
    .state_text .stat-section:nth-child(even) .stat-content {
        bottom: 0;
    }
    .investorTimeline .state_text .stat-section:nth-child(even) .stat-inner .stat-content {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .page-investor-information .state_text .stat-section:nth-child(odd) .timeline {
        top: 0;
    }
    .h3_text {
        font-size: 18px !important;
    }
    
    .homeNewYearInView .pin-wrap .inner:nth-child(3),
    .homeNewYearInView .pin-wrap .inner:nth-child(4),
    .homeNewYearInView .pin-wrap .inner:nth-child(5),
    .homeNewYearInView .pin-wrap .inner:nth-child(6),
    .homeNewYearInView .pin-wrap .inner:nth-child(7) {
        width: 150%;
    }
    .sub.flex.gg7.mb1 .mark_sec {
        padding: 5vw 5vw 5vw 0;
    }
    .mon_sec h3 {
        font-size: 20px !important;
    }
    .stat-text {
        font-size: 20px !important;
        line-height: 1.3;
    }

    .horizontalScroller .img.mb2.sizew10.pt2 {
        width: 35%;
    }

    .horizontalScroller2 .img.mb2.sizew10.pt2 {
        width: 35%;
    }
    
    .bod_main .ajd_n_btn {
        left: 20vw;
        bottom: 15vw;
    }

    .fs4s img {
        width: 40px;
    }

    .glanceSwiper .swiper-slide .item img {
        width: 30px !important;
        height: auto;
    }

    .glance_banner .innerDiv h2 span {
        line-height: 1.5 !important;
    }

    .page-financial-review .financial-card-box img {
        width: 20px !important;
    }

    .reach_sec .mark_sec.mark_sec.pt1.pb1.mb2.pl2 .icon img {
        width: 20px;
    }

    .highlit_sec .main_achieving > h2 {
        line-height: 1.5 !important;
    }

    .vision_pin > h2 {
        font-size: 34px !important;
    }

    .page-investor-information .grid .top-box h2 img {
        width: auto;
    }

    .page-ceo .amidst_sec>div{
        margin-bottom: 0 !important;
    }

    .year_review_sec_page .mon_sec h3 {
        font-size: 14px !important;
    }

    .shareholders_by .sizew60  h2 {
        margin-bottom: 5vw !important;
    }

    .page-financial-review .financial-position-section {
        justify-content: start;
    }

    .page-operational-summary .sm_text.pr5.pt6 h2{
        margin-bottom: 5vw !important;
        line-height: 2 !important;
    }

    .app_info > span {
        font-size: 20px !important;
    }

    .shard_card.flex.pl8.pr3.py6.gap10.shard_card1 .left p {
        font-size: 14px !important;
        line-height: 20px;
    }

    .featured_sec .next_page a:first-child img {
        display: block !important;
        width: 35%;
    }

    .featured_sec .next_page.firstPage a:first-child img {
        transform: rotateY(180deg);
    }
    .featured_sec .next_page {
        /*flex-direction: row-reverse;*/
        align-items: center;
        z-index: 1;
    }
    
    .ht-cursor {
        display: none !important;
    }

    .featured_sec .next_page a {
        width: 50%;
        cursor: none;
        display: flex;
        justify-content: end;
        padding-left: 5vw;
    }

    .year_review_sec {
        margin-top: 10vw !important;
    }

    .year_review_sec .review_sec .item {
        overflow-x: auto;
    }
    .skipdsK {
        display: none;
    }
    .skipmb {
        display: block;
    } 
    .page-index .year_review_sec .review_sec .item,
    .page-home .year_review_sec .review_sec .item {
        padding-right: 11.3%;
}
    .ch_left_wrap .left h2 {
        font-size: 24px !important;
    }

    h2.gn.fs64.fw700.mb4.reveal.lf-55family.sizew55 {
        width: 100% !important;
    }
    .page-year-in-review  .year_review_sec {
        margin-top: 0 !important;
    }

    .financial-card {
        position: relative;
        margin-bottom: 5vw;
    }
    .financial-cards-area {
        height: auto;
    }
    .financial-position-section {
        min-height: auto;
        overflow: unset;
        margin-bottom: 50px;
    }
    .driving_sec h2,
    .driving_sec .info h2 {
        padding-right: 6px;
    }
    .featured_sec .next_page a img {
        display: block !important;
        width: 35%;
        transform: rotateY(180deg);
    }

    a.hover-target.img-4.prevPage {
        opacity: 0;
    }

    .exInfo h3{
        letter-spacing: 0 !important;
    }

    .exeu_grid .grid img {
        width: 20%;
    }

    .page-at-glance .glance_banner .innerDiv {
        padding: 20vw 0;
    }
    /* .page-year-in-review .marquee_sec{
    .page-year-in-review .marquee_sec{
        display: none;
    } */
    .page-year-in-review .year_review_sec .review_sec .item {
        overflow-x: initial;
    }
    .page-year-in-review .timeline_nav li a .nums {
        padding-top: 2px;
    }

    .page-year-in-review .year_review_sec .review_sec .item {
        overflow-x: auto;
    }
    .page-year-in-review .timeline_nav li a .nums {
        padding-top: 4px;
    }
    .page-year-in-review .timelineNavData {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .page-year-in-review .timelineNavData .timeline_nav {
        right: 15%;
    }

    .page-year-in-review .heading-year h2 {
        font-size: 36px !important;
    }

    .text.pl6.py6.sizew55.reletive .pin-right {
        position: relative;
    }

    .text.pl6.py6.sizew45 .pin-right {
        position: relative;
    }
    h3.fs74.gov_mb {
        font-size: 8vw !important;
        height: auto;
        display: block;
    }

}