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

@media (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (max-width: 767px) {
    .for-desktop {
        display: none;
    }

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

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

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

    .menu-opened {
        overflow: hidden;
    }

    .lead-banner {
        background-image: url(../images/main-lead-mbl.jpg);
    }

    .header .right .nav-main {
        display: none;
    }

    .header {
        padding: 6vw 5vw;
    }

    .lang a {
        font-size: 18px;
        line-height: 1;
        padding: 8px 10px;
    }

    .main_text h2 {
        margin-bottom: 10vw;
        font-size: 56px;
    }

    .main_text {
        padding: 0 5vw;
    }

        .main_text .info h3 {
            font-size: 32px;
            margin-bottom: 5vw;
        }

    .mgc_btn {
        font-size: 14px;
        padding: 8px 20px;
    }

        .mgc_btn:before {
            top: 10px;
            right: 10px;
            width: 35px;
            height: 35px;
        }

        .mgc_btn .arrow {
            transform: translate(12px, 0px);
        }

    .lead_sec h2 {
        font-size: 54px;
        margin-bottom: 5vw;
        top: 0;
    }

    .lead_sec .text {
        width: auto;
        padding: 0 5vw;
        margin-bottom: 20vw;
    }

        .lead_sec .text h3 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 10vw;
            width: 80%;
        }

        .lead_sec .text p {
            font-size: 14px;
            width: 100%;
            margin-bottom: 5vw;
            line-height: 18px;
        }

    .lead_sec .pin_video {
        height: auto;
        margin-bottom: 20vw;
    }

    .mgc_number .bottom_sec {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10vw 5vw;
    }

    .video_sec {
        margin-bottom: 15vw;
    }

    .mgc_number .top_sec {
        flex-direction: column;
        padding-left: 5vw;
        margin-bottom: 20vw;
    }

        .mgc_number .top_sec .top-right {
            width: 75%;
            margin: 0 0 0 auto;
        }

        .mgc_number .top_sec .top-left h2 {
            font-size: 66px;
            margin-bottom: 10vw;
        }

        .mgc_number .top_sec .top-left {
            width: auto;
        }

    .mgc_number .bottom_sec .grid h2 {
        font-size: 48px;
    }

    .mgc_number .bottom_sec .grid p {
        font-size: 12px;
        width: auto;
    }

    .head {
        flex-direction: column;
        align-items: inherit;
        position: relative;
        margin-bottom: 10vw;
    }

        .head h2 {
            font-size: 68px;
            margin-bottom: 25vw;
        }

    .project_sec .dot-content {
        width: 70%;
        position: absolute;
        top: 20%;
        right: 0;
        height: 3vh;
    }

    .project_sec .head .blue_btn {
        justify-content: end;
    }

    .project_sec {
        position: relative;
    }

    .dot-content {
        height: 3vh;
    }

    .card_wrap:first-child {
        margin: 0;
    }

    .card-box .hover-text h3 {
        font-size: 30px;
    }

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

    .card-box .hover-text {
        padding: 20px;
    }

    .projectSwiper .swiper-wrapper .swiper-slide .head-text h2 {
        font-size: 18px;
        margin-bottom: 3vw;
    }

    .projectSwiper .swiper-wrapper .swiper-slide .head-text p {
        font-size: 16px;
    }

    .card-box:hover .img {
        padding: 10px;
    }

    .patner_sec .head h2 {
        margin-bottom: 5vw;
    }

    .patner_sec .head .blue_btn {
        justify-content: end;
    }

    .patner_sec .grid_wrap {
        padding: 0 5vw;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3vw;
    }

        .patner_sec .grid_wrap .grid img {
            width: 100%;
        }

    .news_sec .mian_text .head {
        align-items: initial;
        margin-bottom: 20vw;
    }

        .news_sec .mian_text .head h2 {
            margin-bottom: 10vw;
        }

    .news_sec .mian_text .blue_btn {
        justify-content: end;
    }

    .news_sec .mian_text .new_grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 5vw;
        grid-gap: 15vw 4vw;
    }

        .news_sec .mian_text .new_grid .n_grid span {
            font-size: 14px;
            margin-bottom: 2vw;
        }

        .news_sec .mian_text .new_grid .n_grid h2 {
            font-size: 14px;
        }

    .step_form .container {
        height: auto;
        flex-direction: column;
    }

    .left-panel h2 {
        font-size: 40px;
    }

    .left-panel .step-title {
        font-size: 22px;
        margin-bottom: 4vw;
    }

    .left-panel {
        margin-bottom: 15vw;
    }

    .step_form {
        padding: 15vw 5vw;
    }

    .form-step label {
        font-size: 21px;
        bottom: -1vw;
    }

    .form-step input, .form-step textarea {
        font-size: 26px;
        padding: 20px 0;
    }

    .form-step input, .form-step textarea {
        margin-bottom: 15vw;
    }

    .form-step {
        margin-bottom: 15vw;
    }

    .btn_ajc .step-count {
        font-size: 100px;
    }

    .prev-btn span,
    .next-btn span,
    .prev-btn p,
    .next-btn p {
        font-size: 18px;
    }

    .prev-btn svg,
    .next-btn svg {
        padding: 7px;
        width: 30px;
        height: 30px;
    }

    .next-btn {
        grid-gap: 4vw;
    }

    .footer .inner {
        flex-direction: column-reverse;
    }

        .footer .inner .top_list {
            display: grid;
            grid-gap: 20vw;
        }

        .footer .inner .fot-sec .fot ul li a {
            font-size: 30px;
            margin-bottom: 2vw;
        }

        .footer .inner .fot-sec .fot > a {
            font-size: 14px;
            margin-bottom: 2vw;
            line-height: 20px;
        }

        .footer .inner .fot-sec.three .fot ul li a {
            font-size: 14px !important;
        }

        .footer .inner .fot-sec .fot .icons {
            grid-gap: 6vw;
            align-items: center;
        }

        .footer .inner .left {
            width: 100%;
        }

        .footer .inner .fot-sec {
            width: 50%;
        }

    .fot-sec.three {
        position: absolute;
        bottom: 24%;
        left: -5vw;
        justify-content: end !important;
    }

    .footer .inner .right {
        width: 100%;
        margin-top: 10vw;
    }

    .footer {
        padding: 15vw 5vw;
    }

    .projectSwiper {
        margin-bottom: 20vw;
    }

    .header .right .search-main > .search svg {
        width: 30px;
        height: 30px;
    }

    .search .search-close-icon svg {
        width: 25px !important;
        height: 25px !important;
    }

    .search-input-holder input {
        font-size: 36px;
    }

    .search-box-main .inner {
        width: 90%;
    }

    .search-input-holder a {
        padding-bottom: 3vw;
    }

    .white_search .search-input-holder {
        margin-bottom: 3vw;
    }

    .not-search-result p {
        font-size: 14px;
        margin-bottom: 6vw;
    }

    .not-search-result ul li a {
        font-size: 12px;
        padding: 10px 15px;
        white-space: nowrap;
        display: block;
    }

    .not-search-result ul {
        display: grid;
        grid-gap: 3vw 2vw;
        grid-template-columns: repeat(2, 1fr);
    }

    .about_banner .info .text h3 {
        font-size: 24px;
        width: 100%;
        padding-left: 4vw;
        padding-right: 2vw;
        margin-bottom: 20vw;
    }

    .about_banner .info .text {
        width: 80%;
    }

    .about_banner .info .dot-content {
        margin-bottom: 20vw;
    }

    .about_banner .info h2 {
        font-size: 66px;
    }

    .about_banner .info {
        justify-content: center;
    }

    .sticky_sec > div ul li a {
        font-size: 14px;
    }

    .sticky_sec > div ul {
    }

    .sticky_sec > div {
        display: none;
    }

    .sticky_sec {
        display: none;
    }

    .overview_sec h3 {
        font-size: 26px;
        margin-bottom: 15vw;
    }

    .overviewSwiper .text h2 {
        font-size: 34px;
    }

    .overview_sec .overviewSwiper .text {
        width: 100%;
        padding: 0 5vw 0 15vw;
    }

    .overviewSwiper .swiper-slide .text p {
        font-size: 16px;
        line-height: 26px;
    }

    .overview_sec {
        margin-top: 30vw;
        min-height: auto !important;
        margin-bottom: 30vw;
    }

        .overview_sec .overviewSwiper .swiper-slide h2 {
            font-size: 34px;
            margin-bottom: 8vw;
        }

    .pagination-adj .swiper-pagination-bullet-active {
        height: 20px !important;
        width: 5px !important;
    }

    .pagination-adj .swiper-pagination-bullet-active {
        margin-left: 6px !important;
    }

    .overview_sec .pagination-adj .swiper-pagination-bullet {
        margin-bottom: 12px !important;
        width: 10px;
        height: 10px;
    }

    .mgc_number_values h2 {
        font-size: 64px;
        margin-bottom: 20vw;
    }

    .mgc_number_values .text-block h2 {
        font-size: 28px;
    }

    .mgc_number_values .swiper-slide {
        font-size: 44px;
    }

    .mgc_number_values {
        padding: 15vw 5vw;
        margin-bottom: 20vw;
        background: transparent;
    }

        .mgc_number_values .swiper {
            height: 300px;
        }

    .dna_sec .dna_head h2 {
        font-size: 40px;
    }

    .dna_sec .dna_head h3 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .dna_sec .dna_grip {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15vw;
    }

        .dna_sec .dna_grip .grid h4 {
            margin-bottom: 5vw;
            font-size: 28px;
        }

        .dna_sec .dna_grip .grid p {
            font-size: 16px;
        }

    .dna_sec .bg-img img {
        width: -webkit-fill-available;
    }

    .dna_sec .dna_grip .grid .img {
        margin-bottom: 5vw;
    }

    .dna_sec {
        padding: 10vw 5vw 25vw 5vw;
    }

    .pillar_swiper {
        padding: 10vw 5vw 15vw 5vw;
    }

        .pillar_swiper > h2 {
            font-size: 52px;
            margin-bottom: 10vw;
        }

        .pillar_swiper .pillarSwiper .swiper_tabs {
            overflow: scroll;
            display: flex;
            width: max-content;
        }

        .pillar_swiper .pillarSwiper .pillar_content .slide_contnet {
            position: relative !important;
            top: 0 !important;
            transform: translateY(0);
            padding: 0;
            width: 100%;
        }

        .pillar_swiper .pillarSwiper .swiper_tabs > .swiper_tab {
            flex-direction: column-reverse;
        }

        .pillar_swiper .pillarSwiper .pillar_content {
            padding: 0 0 0 7vw !important;
        }

            .pillar_swiper .pillarSwiper .pillar_content .slide_contnet > h2 {
                font-size: 26px;
            }

        .pillar_swiper .pillarSwiper .swiper_tabs > .swiper_tab {
            font-size: 30px;
        }

        .pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .img {
            width: auto;
            margin: auto;
        }

    .framework_sec .left h3 {
        font-size: 26px;
    }

    .framework_sec .left h2 {
        font-size: 32px;
        margin-bottom: 20vw;
    }

    .framework_sec .left {
        width: 100%;
    }

    .strategy_sec .left p {
        font-size: 16px;
        padding: 0;
    }

    .strategy_sec {
        padding: 0 5vw 0 20vw;
    }

    .growth_swiper .swiper_tabs {
        flex-direction: column !important;
        width: 35% !important;
        padding-right: 10vw;
    }

        .growth_swiper .swiper_tabs .swiper_tab {
            font-size: 14px !important;
            margin-bottom: 5vw !important;
        }

    .growth_swiper .groth_sec {
        flex-direction: column;
        grid-gap: 15vw;
    }

        .growth_swiper .groth_sec p {
            font-size: 20px;
        }

    .growth_swiper {
        height: auto;
        padding-top: 0;
        margin-bottom: 70vh;
    }

        .growth_swiper .pillarSwiper .pillar_content .slide_contnet {
            position: absolute !important;
            width: 65%;
            right: 0;
            justify-content: start;
        }

        .growth_swiper .number_hd h2 {
            font-size: 100px !important;
        }

        .growth_swiper .number_hd .img {
            width: auto;
        }

        .growth_swiper h3 {
            font-size: 30px;
            margin-bottom: 10vw;
        }

        .growth_swiper .number_hd {
            margin-bottom: 8vw;
        }

        .growth_swiper .groth_sec h2 {
            font-size: 20px;
            margin-bottom: 5vw;
        }

    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line p {
        font-size: 18px;
    }

    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide span {
        font-size: 100px;
    }

    .timeline_sec h2 {
        font-size: 74px;
        margin-bottom: 20vw;
    }

    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line {
        margin-left: 3vw;
        grid-gap: 4vw;
    }

    .time_swiper {
        height: 80vh;
    }

    .dot-bar {
        height: 80vh;
    }

    .main_time .model_btn {
        display: flex;
        grid-gap: 10vw;
        bottom: 5vw;
        left: 5vw;
        right: auto;
    }

    .model_btn .swiper-button-prev p {
        font-size: 16px;
    }

    .model_btn .swiper-button-prev svg {
        width: 40px;
        height: 40px;
    }

    .model_btn .swiper-button-next svg {
        width: 40px;
        height: 40px;
    }

    .model_btn .swiper-button-next p {
        font-size: 16px;
    }

    .model_btn .swiper-button-prev,
    .model_btn .swiper-button-next {
        grid-gap: 5vw;
    }

    .part_head h2 {
        font-size: 64px;
        margin-bottom: 5vw;
    }

    .tabs-ul li a {
        font-size: 20px;
        margin-bottom: 5vw;
    }

    .tabs-ul {
        grid-gap: 5vw;
    }

    .timeline_sec {
        margin-bottom: 20vw;
    }

    .partner-holder {
        padding: 0 5vw;
        margin-bottom: 30vw;
    }

    .future_sec .info .future_head h3 {
        font-size: 55px;
        width: 100%;
        padding-left: 20vw;
    }

    .future_sec .info .future_head {
        width: 90%;
        margin-bottom: 15vw;
    }

        .future_sec .info .future_head h2 {
            font-size: 55px;
        }

    .future_sec .info h3 {
        width: 90%;
        font-size: 28px;
    }

    .governace_banner .info .text {
        width: 90%;
    }

    .governace_banner .info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 50vw 0 0 5vw;
    }

        .governace_banner .info > h2 {
            font-size: 60px;
            margin-bottom: 20vw;
        }

        .governace_banner .info .text > div {
            margin-bottom: 30vw;
        }

            .governace_banner .info .text > div p {
                font-size: 16px;
                width: 100%;
            }

            .governace_banner .info .text > div h2 {
                font-size: 26px;
                margin-bottom: 5vw;
            }

    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec {
        flex-direction: column;
        padding: 0;
        grid-gap: 15vw;
    }

        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left {
            width: 100%;
            flex-direction: column;
            width: 85%;
            margin-left: auto;
            padding-right: 5vw;
            padding-top: 20vw;
        }

        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .right {
            width: 100%;
        }

        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .img {
            width: 10%;
            margin-bottom: 5vw;
        }

        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left h2 {
            font-size: 20px;
            margin-bottom: 10vw;
        }

        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .name h3 {
            font-size: 18px;
        }

        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .name p {
            font-size: 14px;
        }

    .governance_sec .pagination-adj {
        top: 40%;
        left: 4vw;
    }

    /* .page-governance .strategy_sec {
        padding: 0 5vw;
    } */

    .page-governance .framework_sec .left h3 {
        margin-bottom: 30vw;
    }

    .service_banner .service {
        flex-direction: column;
        padding-left: 5vw;
        justify-content: center;
        height: 150vh;
    }

        .service_banner .service .left h2 {
            font-size: 70px;
            margin-bottom: 10vw;
        }

        .service_banner .service .right {
            margin-left: auto;
            width: 85%;
        }

            .service_banner .service .right .dot-content {
                margin-bottom: 30vw;
            }

            .service_banner .service .right > div h2 {
                font-size: 24px;
                margin-bottom: 5vw;
            }

            .service_banner .service .right > div {
                padding-right: 5vw;
            }

                .service_banner .service .right > div p {
                    width: 100%;
                    font-size: 16px;
                    margin-bottom: 10vw;
                }

    .epc_sec .epc_head {
        width: 100%;
        margin-bottom: 20vw;
    }

        .epc_sec .epc_head h2 {
            font-size: 42px;
            margin-bottom: 5vw;
        }

        .epc_sec .epc_head p {
            font-size: 18px;
            width: 70%;
        }

    .epc_sec .grid_wrap {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15vw;
    }

    .epc_sec .grid p {
        font-size: 20px;
    }

    .epc_sec .grid h3 {
        font-size: 30px;
        margin-bottom: 5vw;
        padding-top: 7vw;
    }

    .swp_container .slider-wrapper {
        width: 100%;
        padding: 10vw 5vw;
    }

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

    .swp-items p {
        font-size: 16px;
        line-height: 24px;
    }

    .swiper-main-content h3 {
        font-size: 20px;
        margin-bottom: 10vw;
    }

    .s-number h2 {
        font-size: 120px;
    }

    .s-number {
        margin-bottom: 20vw;
    }

    .close_btn a svg {
        width: 25px;
        height: 25px;
    }

    .close_btn {
        top: 5vw;
        right: 5vw;
    }

    .om_sec {
        padding: 10vw 5vw 20vw;
    }

    .projct_banner {
        display: flex;
        padding: 40vw 0 15vw;
    }

        .projct_banner .info h2 {
            font-size: 74px;
            margin-bottom: 10vw;
        }

        .projct_banner .info .dot-content {
            width: 90% !important;
        }

    .filter_sec .select-btn span {
        font-size: 16px;
    }

    .filter_sec .filters {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 10vw;
    }

    .filter_sec {
        flex-direction: column;
    }

    .project_card .cards-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .rest_btn {
        position: absolute;
        right: 10vw;
        top: 15vw;
    }

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

    .card-box .head-text h2 {
        font-size: 16px;
        margin-bottom: 5vw;
    }

    .card-box .head-text p {
        font-size: 20px;
    }

    .location_sec .lock {
        padding: 6px 10px;
        grid-gap: 2vw;
    }

        .location_sec .lock p {
            font-size: 14px;
        }

        .location_sec .lock svg {
            width: 20px;
            height: 20px;
        }

    .project_card .card-box .head-text {
        margin-bottom: 3vw;
    }

    .project_card .card-box .head-text {
        margin-top: 3vw;
    }

    .filter_sec .select-dropdown ul li label h4 {
        font-size: 14px;
    }

    label.radio .radio-icon {
        width: 20px;
        height: 20px;
    }

    .filter_sec .select-dropdown ul li label {
        grid-gap: 2vw;
        font-size: 14px;
    }

    .filter_sec .search-box {
        font-size: 14px;
        margin: 0;
    }

    .insight-btn a {
        font-size: 16px;
    }

    .project_detail .main_pd {
        padding: 30vw 5vw;
    }

    .detail-banner {
        flex-direction: column;
        padding: 0;
    }

    .insights-detail h2 {
        font-size: 70px;
        margin-bottom: 15vw;
    }

    .detail-left {
        width: auto;
        margin-bottom: 20vw;
        position: relative;
    }

        .detail-left p {
            font-size: 16px;
        }

    .detail-right {
        width: 100%;
        margin: 0;
    }

        .detail-right h5 {
            font-size: 24px;
        }

    .project_detail .main_pd .detail-banner {
        padding: 0;
    }

        .project_detail .main_pd .detail-banner .detail-right p {
            font-size: 16px;
            width: 100%;
        }

    .pipelinw_sec {
        padding: 15vw 0;
        height: 150vh;
        margin-bottom: 20vw;
    }

        .pipelinw_sec h2 {
            font-size: 38px;
            margin-bottom: 20vw;
        }

        .pipelinw_sec .utilitie_sec h2 {
            font-size: 28px;
            margin-bottom: 10vw;
        }

        .pipelinw_sec .utilitie_sec > div {
            width: 100%;
            flex-direction: column;
        }

            .pipelinw_sec .utilitie_sec > div p {
                font-size: 20px;
                margin-bottom: 5vw;
            }

        .pipelinw_sec .main_achieving {
            padding: 0 5vw;
        }

            .pipelinw_sec .main_achieving .swiper-wrapper img {
                width: 100%;
            }

    .project_sec2 .head h2 {
        margin: 0;
        font-size: 20px;
    }

    .project_sec2 .head {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .sustainability_banner .careers-content h2 {
        font-size: 61px;
        margin-bottom: 50vw;
    }

    .sustainability_banner .careers-content {
        padding: 0 5vw;
    }

    .sustainability_banner .careers-flex {
        flex-direction: column;
    }

        .sustainability_banner .careers-flex .career-left h2 {
            margin: 0;
        }

    .careers-flex > p {
        font-size: 24px;
        margin-bottom: 20vw;
    }

    .sustainability_banner .careers-flex .career-left h2 {
        font-size: 24px;
        margin-bottom: 7vw;
    }

    .sustainability_banner .careers-flex .career-left {
        width: 90%;
        margin-left: auto;
    }

        .sustainability_banner .careers-flex .career-left p {
            font-size: 16px;
            width: 100%;
        }

    .sustain_sec {
        padding: 20vw 5vw;
    }

    .head_sustain h2 {
        font-size: 44px;
        margin-bottom: 10vw;
        line-height: 1.2;
    }

    .head_sustain {
        width: 100%;
        margin-bottom: 15vw;
    }

        .head_sustain p {
            font-size: 18px;
            width: 100%;
        }

    .sustain_swiper {
        padding: 0;
        margin: auto;
    }

        .sustain_swiper .sustainSwiper .pillar_content .slide_contnet {
        }

        .sustain_swiper .sustainSwiper {
            width: 100%;
            height: 150vh;
        }

            .sustain_swiper .sustainSwiper .pillar_content .slide_contnet > p {
                font-size: 18px;
            }

            .sustain_swiper .sustainSwiper .pillar_content .slide_contnet h2 {
                font-size: 24px;
                margin-bottom: 5vw;
            }

            .sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info p {
                font-size: 18px;
            }

            .sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info .img {
                width: 50%;
            }

    .corporateSwiper .pillar_content .slide_contnet h2 {
        width: auto;
        margin-bottom: 5vw;
    }

    .corporateSwiper .pillar_content .slide_contnet p {
        font-size: 16px;
        width: 100%;
    }

    .corporateSwiper .pillar_content .slide_contnet .crop_img {
        flex-direction: column;
        width: 100%;
    }

    .coporate_sec {
        padding: 0 5vw;
        position: relative;
    }

        .coporate_sec .pillar_swiper {
            height: 130vh;
            position: relative;
        }

    .sustain_sec .right {
        width: 100%;
        position: relative;
        right: 0;
        top: auto;
        bottom: 0;
        display: ruby;
    }

    .contributing_sec {
        position: relative;
    }

    .insights-detail {
        padding: 30vw 5vw;
    }

        .insights-detail h2 {
            font-size: 60px;
        }

    .detail-right p {
        width: auto;
        font-size: 16px;
    }

    .safaty-container .detail-banner .detail-left {
        margin: 0;
    }

    .main-txt-container .mian_text .head h2 {
        margin: 0;
        font-size: 30px;
    }

    .main-txt-container .mian_text .head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 15vw;
    }

    .safaty-container {
        margin-bottom: 30vw;
    }

    .main-txt-container .mian_text .new_grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 20vw;
        grid-gap: 10vw 5vw;
    }

        .main-txt-container .mian_text .new_grid .n_grid h2 {
            font-size: 14px;
        }

        .main-txt-container .mian_text .new_grid .n_grid span {
            font-size: 14px;
        }

    .filter_sec .select-dropdown {
        top: 12vw;
    }

    .card-wrapper h4 {
        font-size: 30px;
        margin-bottom: 5vw;
    }

    .flex-items {
        flex-direction: column;
        align-items: start;
        margin-bottom: 20vw;
    }

    .flex-content p {
        font-size: 20px;
        width: auto;
    }

    .flex-content {
        width: auto;
        margin-bottom: 5vw;
    }

    .flex-btn {
        width: auto;
    }

    .flex-container {
        padding: 0 5vw;
    }

    .careers-content > h2 {
        width: auto;
        font-size: 70px;
        margin-bottom: 10vw;
    }

    .careers-content .dot-content {
        width: 80%;
        margin-bottom: 30vw;
    }

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

    .career-left h2 {
        font-size: 40px;
    }

    .career-left p {
        font-size: 16px;
        width: auto;
        padding-right: 5vw;
        margin-bottom: 10vw !important;
    }

    .career-left {
        width: 90%;
        margin-left: auto;
    }

    .careers {
        margin-bottom: 30vw;
    }

    .flex-container .rest_btn {
        top: 3vw;
        right: 0;
    }

    .page-contact-us .head-section {
        padding: 20vw 5vw;
        flex-direction: column;
    }

        .page-contact-us .head-section .left {
            width: 100%;
            padding: 0;
        }

    .head-section .left h2 {
        width: 100%;
    }

    .framework_sec.head-section .right {
        position: relative;
        top: 0;
        display: block;
    }

        .framework_sec.head-section .right .inner {
            width: 100%;
        }

    .framework_sec .right img {
        width: 100%;
    }

    .head-section .phone-num p {
        font-size: 32px;
    }

    .head-section .phone-num a {
        font-size: 40px;
    }

    .search-box {
        padding: 0 5vw;
        margin-bottom: 20vw;
    }

    .mgc-content h3 {
        font-size: 19px;
    }

    .mgc-image {
        width: 30%;
    }

    .mgc-content {
        width: 70%;
    }

        .mgc-content p {
            font-size: 14px;
        }

    .grid-section .mgc-content {
        width: 100%;
        padding-left: 3vw;
    }

    .mgc-grid {
        padding: 0 5vw;
    }

    .mgc-content a {
        font-size: 16px;
    }

    .grid-section {
        grid-gap: 3vw;
        margin-bottom: 20vw;
    }

    .search_new {
        width: 90%;
        margin-bottom: 30vw;
    }

        .search_new .search-input-holder a input::placeholder {
            font-size: 20px;
        }

        .search_new .search-input-holder a input {
            font-size: initial;
        }

    .found-content h2 {
        width: auto;
        font-size: 62px;
        margin-bottom: 30vw;
    }

    .found-content {
        padding: 30vw 5vw;
    }

    .not-found-left {
        width: 97%;
    }

        .not-found-left h3 {
            font-size: 40px;
            width: 100%;
            margin-bottom: 5vw;
        }

        .not-found-left p {
            font-size: 16px;
            width: auto;
            margin-bottom: 10vw;
        }

    .dot-min {
        margin-bottom: 20vw;
    }

    .search .search-close-icon {
        right: 19%;
    }

    .lang a {
        display: none;
    }

    .menu-opened .lang a {
        display: block;
    }

    .menu-opened .header .right .search-main > .search {
        display: none;
    }

    .overview_sec .right {
        position: relative;
        justify-content: start;
        height: auto;
    }

        .strategy_sec .right .inner, .overview_sec .right .inner {
            width: 100%;
            padding: 0;
        }

    .overview_sec .overviewSwiper {
        margin-bottom: 20vw;
    }

    .framework_sec .right {
        position: relative;
        height: auto;
    }

    .framework_sec {
        flex-direction: column;
        padding: 0;
    }

        .framework_sec .left {
            width: 90%;
            margin-left: auto;
            margin-bottom: 15vw;
            padding-right: 5vw;
        }

    .strategy_sec .left p {
        margin-bottom: 5vw;
    }

    .page-about .framework_sec .left h3 {
        margin-bottom: 30vw;
    }

    .page-about .framework_sec .left h2 {
        margin-bottom: 5vw;
    }

    .insight-btn {
        margin-bottom: 10vw;
    }

    .modal-dialog {
        margin-bottom: 20vw !important;
        margin-top: 20vw !important;
    }

    .model_btn {
        bottom: -20vw;
        grid-gap: 8vw;
        right: 5vw;
    }

    .sustainability_banner {
        margin-bottom: 0;
    }

    .submit-btn {
        font-size: 18px;
        padding: 12px 30px;
    }

    .request-form .form-step p {
        font-size: 18px;
    }

    .request-form .form-step h2 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .header.header2 .menu-icon .lines span {
        background-color: #072540;
    }

    .menu-main .nav-mb .fot-sec .fot a:hover {
        color: #00A69A;
    }

    .nav-mb .icons a:hover svg {
        fill: #00A69A;
    }

    .policy_sec .left {
        position: relative;
        /* overflow: scroll;
        width: max-content;
        width: 1100px; */
        margin-bottom: 10vw;
    }

    .policy_sec .right {
        width: 100%;
    }

        .policy_sec .right .info h2 {
            font-size: 32px;
            margin-bottom: 4vw;
        }

        .policy_sec .right .info p {
            font-size: 18px;
            line-height: 24px;
        }

    .policy_sec {
        padding: 0 5vw 20vw;
    }

    .projct_banner .info {
        padding: 20vw 0 10vw 5vw;
    }

    .policy_sec .left ul li {
        font-size: 20px;
        white-space: nowrap;
    }

    .policy_sec .left ul {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        gap: 20px;
    }

    .policy_sec .right .info {
        margin-bottom: 10vw;
    }

    .cn_text p {
        font-size: 16px;
    }

    .cn_text {
        width: 90%;
    }

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

    .filter_sec2 .rest_btn {
        top: 3vw;
    }

    .head_sustain h3 {
        font-size: 30px;
        margin-bottom: 10vw;
    }

    .contributing_sec .head_sustain p {
        width: 100%;
    }

    .coporate_sec .head_sustain p {
        width: 100%;
        margin-left: 0;
    }

    .sustainSwiper .infos {
        align-items: start !important;
    }

    .overview_pin_wrapper {
        height: auto;
        margin-bottom: 50px;
    }

    .mgc_number_values .mgcNumber_pin_wrapper > div,
    .mgc_number_values > div {
        width: 100%;
    }

    .mgc_number_values .mgcNumber_pin_wrapper > div {
        grid-gap: 2vw;
    }

    .mgc_number_values .text-block h2 {
        font-size: 30px;
        margin-bottom: 0;
    }

    .mgc_number_values .swiper-slide {
        font-size: 30px;
    }

    .pillar_swiper .pillarSwiper .swiper_tabs {
        overflow-x: scroll;
        width: inherit;
        white-space: nowrap;
        gap: 5vw;
    }

    .mgcNumber_pin_wrapper {
        height: auto;
    }

    .pillar_swiper .pillarSwiper .pillar_content .slide_contnet {
        position: absolute !important;
    }

        .pillar_swiper .pillarSwiper .pillar_content .slide_contnet.active {
            position: relative !important;
        }

    .pillar_swiper .pillarSwiper .swiper_tabs > .swiper_tab .inner {
        flex-direction: column-reverse;
    }

    .framework_sec {
        min-height: auto;
        margin-bottom: 100px !important;
    }

    .growthSwiper .infos {
        align-items: self-start;
        gap: 5vw;
    }

    .growth_swiper .pillar_content {
        padding-left: 10vw !important;
    }

    .growth_swiper .swiper_tabs {
        flex-direction: column !important;
        width: 100% !important;
        padding-right: 0;
        overflow: hidden !important;
        white-space: inherit !important;
        padding-top: 20%;
    }

        .growth_swiper .swiper_tabs .swiper_tab {
            margin-bottom: 0 !important;
        }

    .growth_swiper .pillarSwiper .pillar_content .slide_contnet {
        width: 100%;
    }

    .timeline_sec h2 {
        margin-bottom: 50px;
    }

    .timeline_pin_wrapper {
        height: auto;
        overflow: hidden;
    }

    .timeline_sec .main_time {
        padding: 70px 5vw 0;
    }

    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide span {
        font-size: 80px;
    }

    .dot-bar {
        height: 65vh;
        width: max-content;
    }

    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide:nth-child(even) {
        height: 90%;
    }

    .timeline_sec .img {
        height: 110vh;
    }

    .pillar_swiper .pillarSwiper {
        overflow: hidden;
    }

    .white_search .search-input-holder {
        margin-bottom: 5vw;
    }

    .not-search-result p {
        margin-bottom: 15px;
    }

    .insights-detail .detail-right {
        width: 100%;
    }

    .detail-left {
        margin-bottom: 10vw;
    }

    .crop_img {
        margin-bottom: 10vw !important;
        width: 100%;
        flex-direction: column
    }

    .page-sustainability .coporate_sec .pillar_swiper .pillarSwiper .swiper_tabs,
    .page-sustainability .sustain_swiper .sustainSwiper .swiper_tabs {
        width: 30% !important;
        flex: 1 0 auto;
    }

    .page-sustainability .pillar_swiper .pillarSwiper .pillar_content {
        padding: 0 !important;
    }

    .page-sustainability .sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info {
        grid-gap: 4vw;
        margin-top: 5vw;
    }

        .page-sustainability .sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info .img {
            width: 10%;
            flex: 1 0 auto;
        }

    .coporate_sec .pillar_swiper .pillarSwiper {
        display: flex;
        gap: 5vw;
    }

    .page-project .card-box .img img {
        height: 50vh;
    }

    .card_wrap {
        height: 100%;
        margin-right: 0;
    }

    .page-project .card-box .hover-text {
        height: 50%;
    }

    .card-box .hover-text h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .servicesModal .s-number {
        margin-bottom: 5vw;
    }

    .servicesModal .close_btn {
        right: 10vw;
    }

    .servicesModal .swiper-main-content h3 {
        margin-bottom: 5vw;
    }

    .patner_sec .grid_wrap .grid img {
        width: 100%;
        margin: 0 auto;
    }

    .newStickyMenu {
        display: none;
    }

    .pillar_pin_wrapper .pillar_swiper .pillarSwiper {
        height: 100%;
    }

    .mgc_number_values h2 {
        margin-bottom: 0;
    }

    .dna_sec {
        padding: 20vw 5vw 25vw 5vw;
    }

    .overview_pin_wrapper {
        margin-top: 15vw;
    }

    .timeline_sec .main_time {
        padding: 70px 0 0 !important;
    }

        .timeline_sec .main_time h2 {
            padding: 0 5vw;
        }

    .time_swiper .timelineSwiper {
        padding: 0 5vw;
    }
    /* div#fixed-target {
        height: 100vh;
        position: relative;
    } */
    .lead-banner {
        margin-top: -23px;
        background-attachment: inherit;
    }

    .lead_sec {
        position: relative;
        top: 0;
    }

        .lead_sec .text {
            position: relative;
            bottom: 0;
            margin: 0 0 15vw;
        }

        .lead_sec .img {
            padding: 0 5vw;
            margin-bottom: 10vw;
        }

    .mapScrollSection .infos h2 {
        font-size: 40px;
        margin-bottom: 5vw;
        width: 60%;
    }

    .mapScrollSection .infos {
        width: 70%;
        height: auto;
    }

    .dropdown .custom-select-trigger {
        padding: 0 0 10px;
        font-size: 16px;
    }

    .mapScrollSection .infos .region-selector {
        margin-bottom: 10px;
    }

    .mapScrollSection .infos label {
        font-size: 14px;
        padding-top: 5px;
    }

    .mapScrollSection .infos p {
        font-size: 14px;
    }

    .mapScrollSection .infos h3 {
        font-size: 18px;
    }

    div.sustain_sec#fixed-target {
        height: auto;
    }

    .lead-banner {
        height: 120vh;
    }

    .main_banner + #fixed-target {
        height: auto;
        margin-bottom: 50px;
    }

    .not-jobs.cn_text {
        width: 100%;
        padding: 0 5vw 30vw;
    }

        .not-jobs.cn_text p {
            font-size: 20px;
        }

    .next_btn {
        grid-gap: 5vw;
    }

    .btn_ajc .step-count {
        font-size: 20vw;
    }

    .framework_sec.head-section .inner_frame {
        padding: 0 5vw 10vw 5vw !important;
    }

    .framework_sec.head-section {
        margin-bottom: 0 !important;
    }

    .pagination-adj .swiper-pagination-bullet {
        margin-bottom: 10px !important;
    }

    .insights-detail div#fixed-target {
        height: auto;
    }

    .project_sec .insight-btn,
    .main-txt-container .mian_text .insight-btn {
        margin-bottom: 20vw;
    }

    div#fixed-target.policy_sec {
        height: auto;
    }

    .search-input-holder {
        margin: 0 0 6vw;
    }

    div#fixed-target.leadership_sec_pin {
        height: auto;
    }

    .pillar_swiper .pillarSwiper .pillar_content .slide_contnet > h2 {
        padding-top: 20vw;
    }

    .pillar_pin_wrapper {
        height: 110vh;
    }

    .timeline_sec h2 {
        font-size: 60px;
    }

    .coporate_sec .pillar_swiper .pillarSwiper {
        height: 100%;
    }

    .pillar_swiper .pillarSwiper .swiper_tabs {
        z-index: 1;
        overflow: visible !important;
    }

    .mgc_number .bottom_sec .grid p br {
        display: none;
    }

    .card-box .hover-text {
        height: auto;
    }

    .fullVideoModal .modal-body video {
        object-fit: cover;
    }

    .lead_sec .img img {
        width: 90%;
        margin-bottom: 5vw;
    }

    .mgc_number_values .swiper-slide-active {
        color: #27A79A !important;
    }

    .mgc_number_values .swiper-slide {
        color: rgba(7, 37, 64, .2);
    }

    .play_btn {
        position: relative;
        left: 0;
    }

        .play_btn a {
            font-size: 16px;
            padding: 0 5vw;
        }

    .growth_swiper .inner {
        height: 120vh;
    }

    .governance_sec {
        background: #072540;
    }

    .filter_sec .select-btn {
        width: 100%;
    }

    .pillarSwiperNew.pillarSwiper .swiper_tabs {
        overflow-x: auto !important;
    }

    .play_btn {
        width: 100%;
    }

    .lead_sec .img > div {
        width: 90%;
    }

    .mapScrollSection .infos h2 {
        font-size: 36px;
        margin-bottom: 5vw;
        width: 100%;
    }

    .mapScrollSection .infos {
        width: 90%;
        height: auto;
    }

        .mapScrollSection .infos .region-selector {
            margin-bottom: 3vw;
            width: 100%;
        }

        .mapScrollSection .infos p {
            width: 100%;
        }

    .dotsArea_main {
        top: 60%;
        left: 48.6%;
        width: 90%;
    }

    .selector .custom-option {
        padding: 10px;
        font-size: 15px;
    }

    .dot {
        width: 8px;
        height: 8px;
    }

        .dot span {
            width: 8px;
            height: 8px;
        }

        .dot::after {
            width: 8px;
            height: 8px;
        }

        .dot:hover::after, .dot.active::after {
            transform: translate(-50%, -50%) scale(1.6);
        }

    .cardBox {
        position: absolute;
        width: 165px;
    }

        .cardBox .tags span {
            font-size: 10px;
            padding: 5px;
        }

        .cardBox h4 {
            font-size: 12px;
        }

    .news_sec .mian_text .new_grid .n_grid img {
        height: auto;
    }

    .project_detail .main_pd .detail-banner .detail-right {
        width: 90%;
        margin-left: auto;
    }

    .page-insights .filter_sec {
        display: flex;
        flex-direction: inherit;
    }

    .insights-detail .detail-right ul {
        margin-bottom: 30px
    }

        .insights-detail .detail-right ul li {
            margin-bottom: 20px;
            list-style-type: disc;
            margin-left: 30px;
            font-size: 1.1vw;
        }

    .lead_sec {
        position: absolute;
        height: 100vh;
        padding-top: 100vh;
    }

        .lead_sec .img {
            padding: 0;
        }

    .play_btn a {
        padding: 0;
    }

    .projectSwiper .swiper-slide .head-text {
        padding: 0;
        width: 100%;
    }

    .project_card .card-box .head-text {
        width: 100%;
    }

    .head_sustain h3 {
        line-height: 1.2;
    }

    .contributing_sec .head_sustain h2 {
        font-size: 32px;
    }

    .card-box .hover-text h5 {
        font-size: 16px;
        color: rgba(7, 37, 64, .5);
        font-family: "arial";
    }

    .project_detail .main_pd .detail-banner .detail-left p {
        flex-direction: row;
        display: flex;
    }

    .insights-detail h2 {
        font-size: 44px;
    }

    /* new css */

    .job_model .role_text p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5vw;
    }

    .job_model .role_text ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 1vw;
    }

    .job_model {
        padding: 15vw 5vw;
    }

        .job_model .role_text ul li::marker {
            font-size: 12px;
        }

        .job_model .role_text ul {
            padding: 0;
            padding-left: 5vw;
            margin-bottom: 10vw;
        }

        .job_model .job_btn h2 {
            font-size: 20px;
        }

        .job_model .job_btn .apply_btn a {
            font-size: 14px;
        }

            .job_model .job_btn .apply_btn a svg {
                width: 30px;
                height: 30px;
                padding: 2vw;
            }

    .career_form h2 {
        font-size: 24px;
        width: 100%;
    }

    .form-group input {
        font-size: 16px;
        padding: 4vw 0;
    }

    .submit_btn a {
        font-size: 18px;
        padding: 10px 30px;
    }

    .mapScrollSection {
        height: 115vh;
    }

    .filter_sec .custom-select {
        z-index: 2;
    }

        .filter_sec .custom-select:nth-child(3) .select-dropdown {
            left: auto;
            right: 0
        }
}