@import "reset.css";
@import "helpers.css";
@import "fonts.css";
@import "header.css";
@import "footer.css";

:root {
    --bodyText: rgba(105, 105, 105, 1);
    --white: #fff;
    --grey: #696969;
    --lgrey: #f4f5f8;
    --blackl: #1f1f1f;
    --black: #000000;
    --purple: #4c0099;
    --green: #2ad5ff;
    --redl: #c69f9f;
}

.web_page {
    overflow: hidden !important;
}

.bg-grey {
    background: var(--lgrey);
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body {
    font-family: "Optima";
    color: var(--bodyText);
    overflow-x: hidden;
    font-size: 1vw;
    line-height: 1.1;
    color: rgba(7, 37, 64, 1);
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    outline: none !important;
}

::selection {
    background: #1d265c;
    color: #fff;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none !important;
}

/* ::-webkit-scrollbar {
  display: none;
} */

input {
    border-radius: 0;
    outline: none;
}

    input:focus {
        outline: none;
        box-shadow: none !important;
    }

.d-none {
    display: none;
}

.d-block {
    display: block;
}

html.has-scroll-init {
    overflow-x: hidden;
}

.c-scrollbar_thumb {
    background-color: #072540 !important;
}

.main_banner {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.main_text {
    position: absolute;
    top: 0;
    display: flex;
    padding-top: 6vw;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 7vw;
}

    .main_text h2 {
        font-size: 5vw;
        line-height: 1.2;
        color: #fff;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .main_text .info {
        margin-left: auto;
        padding-right: 3vw;
    }

        .main_text .info h3 {
            font-size: 2vw;
            margin-bottom: 2vw;
            color: #fff;
            line-height: 1.1;
            font-weight: 400;
        }

.mgc_btn {
    text-decoration: none;
    font-weight: 400;
    font-size: 1.2vw;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    color: #072540;
    display: flex;
    line-height: 1;
    padding: 0.7vw 1vw 0.7vw 1.5vw;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    grid-gap: 1vw;
    background: #fff;
    font-family: arial;
    border: solid rgba(112, 112, 112, 1) 1px;
    transition: all .6s ease-in-out;
}

    .mgc_btn .arrow {
        width: 40px;
        height: 40px;
        /* position: relative; */
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translate(5px, 0px);
        z-index: 2;
        transition: all .6s ease-in-out;
    }

    .mgc_btn:before {
        content: "";
        width: 40px;
        height: 40px;
        z-index: 1;
        position: absolute;
        background: #00a69a;
        border-radius: 50%;
        transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1.1);
        transform: scale(1);
        right: 0.7vw;
        top: 0.7vw;
    }

    .mgc_btn:hover {
        color: #fff;
        border-color: #00A69A;
    }

        .mgc_btn:hover:before {
            transform: scale(13);
            background: #00a69a;
        }

    .mgc_btn .arrow svg {
        position: relative;
        z-index: 2;
        transition: all 0.4s ease-in-out;
    }

        .mgc_btn .arrow svg path {
            transition: all 0.6s ease-in-out;
            stroke: #fff;
        }

    .mgc_btn:hover .arrow svg path {
        stroke: #00A69A;
    }

    .mgc_btn .infos {
        z-index: 1;
    }

    .mgc_btn:hover svg {
        transform: rotate(45deg);
    }

.lead_sec {
    padding-bottom: 5vw;
    position: relative;
}

    .lead_sec .img {
    }

        .lead_sec .img img {
            width: 100%;
        }

    .lead_sec .pin_video {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        align-items: center;
        margin-bottom: 5vw;
    }

    .lead_sec h2 {
        font-size: 12vw;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        top: 10vw;
    }

    .lead_sec .pin_video h2 img {
    }

.lead-banner {
    background-image: url(../images/main-lead.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y: scroll;
    height: 100vh;
    background-size: 100%;
    padding: 10vw 0 5vw;
    margin-top: -.1vw;
}

.lead_sec .text {
    padding-right: 7vw;
    width: 50%;
    margin-left: auto;
    z-index: 6;
}

    .lead_sec .text h3 {
        font-size: 1.7vw;
        color: #fff;
        margin-bottom: 2vw;
        line-height: 1.2;
        font-family: arial;
    }

    .lead_sec .text p {
        line-height: 1.2;
        font-size: 1.1vw;
        color: #fff;
        margin-bottom: 2vw;
        width: 70%;
        font-family: arial;
    }

.video_sec {
    margin-bottom: 5vw;
}

    .video_sec img {
        width: 100%;
    }

.mgc_number {
    position: relative;
    margin-bottom: 10vw;
}

    .mgc_number .top_sec {
        display: flex;
        justify-content: space-between;
        padding-left: 6vw;
        margin-bottom: 8vw;
    }

        .mgc_number .top_sec .top-left {
            width: 50%;
        }

            .mgc_number .top_sec .top-left h2 {
                font-size: 8vw;
                color: #072540;
                line-height: 1;
            }

        .mgc_number .top_sec .top-right {
        }

        .mgc_number .top_sec .top-right {
            width: 50%;
        }

    .mgc_number .bottom_sec {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 6vw;
        grid-gap: 5vw;
    }

        .mgc_number .bottom_sec .grid {
            position: relative;
        }

            .mgc_number .bottom_sec .grid h2 {
                font-size: 7vw;
                font-weight: bold;
                color: #072540;
                display: flex;
                align-items: baseline;
            }

                .mgc_number .bottom_sec .grid h2 span {
                }

            .mgc_number .bottom_sec .grid p {
                color: #072540;
                font-size: 1.1vw;
                margin-bottom: 5vw;
                width: 60%;
                font-family: arial;
                line-height: 1.1;
            }

            .mgc_number .bottom_sec .grid .line {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background: #27a79a;
            }

.dot-content {
    position: relative;
    left: 0;
    top: 0;
    height: 4vh;
    width: 100%;
    margin-bottom: 8vw;
    background-image: url(../images/dot-img.png);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: cover;
    animation: moveBackground 250s linear infinite;
}

/* Define the animation */

@keyframes moveBackground {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 10000px 0;
    }
}

.mgc_number .top_sec .top-left h2 span {
    color: rgba(7, 37, 64, 0.3);
}

.mgc_number .top_sec .top-right .blue_btn {
    justify-content: end;
    padding-right: 6vw;
}

.patner_sec {
    margin-bottom: 12vw;
}

.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7vw;
    margin-bottom: 5vw;
}

    .head h2 {
        font-size: 8vw;
        color: #072540;
        line-height: 1;
    }

.patner_sec .grid_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2vw 1vw;
}

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

    .patner_sec .grid_wrap .grid {
        background: #f2f2f2;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2vw 0;
        transition: all 0.6s ease-in-out;
    }

        .patner_sec .grid_wrap .grid img {
            display: block;
            transition: all 0.6s ease-in-out;
        }

.head h2 span {
    color: rgba(7, 37, 64, 0.3);
}

.patner_sec .grid_wrap .grid:hover {
    background: rgba(43, 78, 139, 0.1);
}

    .patner_sec .grid_wrap .grid:hover .img img {
        transform: scale(1.1);
    }

.news_sec {
    position: relative;
}

    .news_sec .img {
        position: relative;
        overflow: hidden;
    }

        .news_sec .img img {
            width: 100%;
        }

    .news_sec .mian_text {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

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

            .news_sec .mian_text .new_grid .n_grid {
                overflow: hidden;
            }

                .news_sec .mian_text .new_grid .n_grid img {
                    width: 100%;
                    display: block;
                }

                .news_sec .mian_text .new_grid .n_grid span {
                    color: rgba(255, 255, 255, 0.5);
                    font-size: 1.2vw;
                    font-weight: 400;
                    padding-top: 2vw;
                    display: block;
                    font-family: arial;
                    margin-bottom: 1vw;
                }

                .news_sec .mian_text .new_grid .n_grid h2 {
                    font-size: 1.8vw;
                    color: #fff;
                    font-family: arial;
                }

        .news_sec .mian_text .head h2 {
            color: #fff;
        }

            .news_sec .mian_text .head h2 span {
                color: rgba(255, 255, 255, 0.3);
            }

        .news_sec .mian_text .head {
            margin-bottom: 7vw;
            align-items: end;
        }

        .news_sec .mian_text .new_grid .n_grid:hover img {
            transform: scale(1.1);
        }

        .news_sec .mian_text .new_grid .n_grid .img {
            overflow: hidden;
        }

        .news_sec .mian_text .new_grid .n_grid img {
            overflow: hidden;
            display: block;
            transition: all 0.6s ease-in-out;
        }

.step_form {
    background-color: #072540;
    padding: 8vw 6vw 5vw;
}

.mgc_number_values .container {
    padding: 0;
    min-height: 400px;
    max-width: 100%;
    padding: 0 7vw;
}

.left-panel {
    flex: 1;
    position: relative;
}

    .left-panel .step-title {
        font-size: 2vw;
        color: #fff;
        line-height: 1;
        margin-bottom: 1vw;
        font-family: arial;
    }

    .left-panel h2 {
        font-size: 3.5vw;
        line-height: 1;
        color: #fff;
    }

    .left-panel .step-count {
        font-size: 48px;
        margin-top: 30px;
        opacity: 0.5;
        position: absolute;
        bottom: 40px;
        left: 40px;
        transition: opacity 0.3s ease;
    }

.right-panel {
    flex: 1;
    display: flex;
    align-items: center;
}

form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-step {
    display: none;
    flex-direction: column;
    opacity: 0;
    transform: translateY(20px); /* Initial position below */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    .form-step.active {
        display: flex;
        opacity: 1;
        transform: translateY(0); /* Slide from below */
    }

    .form-step.fade-out {
        opacity: 0;
        transform: translateY(20px); /* Move out of view */
    }

    .form-step label {
        font-size: 1.1vw;
        color: #ffffff;
        margin-bottom: 1vw;
        font-family: arial;
    }

    .form-step input,
    .form-step textarea {
        background: none;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.4);
        font-size: 2vw;
        width: 100%;
        margin-bottom: 5vw;
        transition: border-bottom 0.3s ease;
        padding: 1vw 0 1.5vw;
        font-family: arial;
    }

        .form-step input::placeholder,
        textarea::placeholder {
            color: rgba(255, 255, 255, 0.4) !important;
        }

        .form-step input:last-child,
        textarea:last-child {
            margin: 0;
            resize: none;
        }

.next-btn {
    color: #fff;
}

    .next-btn:hover {
    }

textarea {
    margin: 0;
}

/* Hide the Submit button initially */
.submit-btn {
    display: none;
}

.btn_ajc {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .btn_ajc .step-count {
        color: rgba(255, 255, 255, 0.3);
        font-size: 8vw;
    }

.prev-btn,
.next-btn {
    display: flex;
    align-items: center;
    grid-gap: 1vw;
    transition: all 0.6s ease-in-out;
}

    .next-btn span,
    .prev-btn span,
    .prev-btn p,
    .next-btn p {
        font-size: 1.1vw;
        font-family: arial;
        color: rgba(255, 255, 255, .5);
        transition: all .6s ease-in-out;
    }

    .prev-btn svg,
    .next-btn svg {
        stroke: rgba(255, 255, 255, .5);
        width: 40px;
        height: 40px;
        display: block;
        border-radius: 50px;
        padding: 0.8vw;
        transition: all 0.6s ease-in-out;
    }

.submit-btn {
    color: #ffff;
    font-size: 1.1vw;
    background: #00a69a;
    padding: 0.8vw 2vw;
    border-radius: 50px;
    transition: all .6s ease-in-out;
    margin-left: 20px;
}

.step_btn {
    display: flex;
    align-items: center;
}

input,
textarea:focus-visible {
    outline: none;
}

.form-step h2 {
    font-size: 2vw;
    color: #fff;
    margin-bottom: 1vw;
}

.form-step p {
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.1vw;
}

.goto_top {
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s all ease-in-out;
    border-radius: 6px;
}

    .goto_top:hover {
        background: #00A69A !important;
    }

    .goto_top svg {
        fill: #fff;
        width: 15px;
        height: 15px;
    }

.goto_main {
    position: fixed;
    right: 30px;
    width: 35px;
    bottom: 30px;
    z-index: 10;
    transition: all 0.7s ease;
    opacity: 0;
    visibility: hidden;
}

    .goto_main.show {
        opacity: 1;
        visibility: visible;
    }

.prev-btn:hover p,
.next-btn:hover p {
    color: #fff;
    transition: all 0.6s ease-in-out;
}

.prev-btn:hover svg,
.next-btn:hover svg {
    background: #00A69A;
    stroke: #fff;
}

.project_sec {
    margin-bottom: 5vw;
    padding: 0 !important;
}

    .project_sec .dot-content {
        width: 45%;
        margin-left: auto;
        margin-bottom: 5vw;
    }

.projectSwiper {
}

    .projectSwiper .swiper-wrapper {
    }

        .projectSwiper .swiper-wrapper .swiper-slide {
            position: relative;
        }
            /* .projectSwiper .swiper-wrapper .swiper-slide:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;   
    background-color: #FDF5E7;
    transition: all .7s ease;
    opacity: 0;
    transform: scale(1);
    z-index: -1;
}
.projectSwiper .swiper-wrapper .swiper-slide:hover:before{
    transform: scale(1.075);
    opacity: 1;
} */
            .projectSwiper .swiper-wrapper .swiper-slide .img {
            }

                .projectSwiper .swiper-wrapper .swiper-slide .img img {
                    width: 100%;
                }

            .projectSwiper .swiper-wrapper .swiper-slide .head-text {
                background: transparent;
            }

                .projectSwiper .swiper-wrapper .swiper-slide .head-text h2 {
                    font-size: 2vw;
                }

                .projectSwiper .swiper-wrapper .swiper-slide .head-text p {
                    font-size: 1.1vw;
                    color: rgba(7, 37, 64, 0.5);
                }

.main_banner .dot-content {
    position: absolute;
    background-image: url(../images/dot-2.png);
    background-repeat: repeat;
    background-size: cover;
    left: auto;
    right: 0;
    width: 60%;
    bottom: 0;
    top: auto;
    margin-bottom: 2vw;
    /* animation: moveBackground 5s linear infinite; */
    height: 6vh;
}

.swiper-slide {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    /* Set fixed height so translateY works properly */
    height: 300px; /* adjust as needed */
}

    /* Container for image and text to move together */
    .swiper-slide .content-wrapper {
        transition: transform 0.4s ease;
    }

    /* Image styling */
    .swiper-slide .img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Text styling */
    .swiper-slide .head-text {
        background: #fff;
        padding: 10px 15px;
        margin-top: 10px;
        color: #000;
    }

    /* On hover, move both image and text up */
    .swiper-slide:hover .content-wrapper {
        transform: translateY(-20%);
    }

.mgc_btn.mgc_btn2 {
    grid-gap: 2vw;
}

.lead_sec .img {
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .lead_sec .img img {
        object-fit: cover;
        margin-bottom: 1vw;
    }

.pin_video {
    position: relative;
    height: 100vh;
}
/* 
.pin_video .img img {
  width: 60%; 
  height: auto;
  display: block;
  z-index: 2;
} */
/* .goto_main {
  position: relative;
  display: flex;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 9999;
  top: 0;
  justify-content: end;
  width: 100%;
  margin-bottom: 5vw;
  right: 2vw;
}

.goto_main.show {
  opacity: 1;
  visibility: visible;
}

.goto_top {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-radius: 6px;
}

.goto_top:hover {
  background: #00A69A;
}

.goto_top svg {
  width: 16px;
  height: 16px;
  fill: #fff;
} */

.governace_banner {
}

    .governace_banner .info > h2 {
        font-size: 8vw;
        line-height: 1;
        color: #fff;
        margin-bottom: 3vw;
    }

    .governace_banner .info {
        position: absolute;
        top: 0;
        padding-top: 10vw;
        padding-left: 7vw;
    }

        .governace_banner .info .text {
            width: 52%;
            margin-left: auto;
        }

        .governace_banner .info .dot-content {
        }

        .governace_banner .info .text > div {
            padding-right: 8vw;
        }

            .governace_banner .info .text > div h2 {
                font-size: 2vw;
                color: #fff;
                margin-bottom: 2vw;
                line-height: 1;
                font-family: arial;
            }

            .governace_banner .info .text > div > p {
                font-size: 1.1vw;
                color: #fff;
                width: 60%;
                font-family: arial;
                line-height: 1.2;
            }

.governance_sec {
    background: #04192a;
    position: relative;
    margin-bottom: 15vw;
}

    .governance_sec .b-img {
        position: absolute;
        right: 0;
    }

        .governance_sec .b-img img {
            width: 100%;
        }

    .governance_sec .governanceSwiper {
    }

        .governance_sec .governanceSwiper .swiper-wrapper {
        }

            .governance_sec .governanceSwiper .swiper-wrapper .ch_sec {
                display: flex;
                padding: 0 1vw 0 15vw;
                position: relative;
            }

                .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left {
                    display: flex;
                    width: 40%;
                    grid-gap: 2vw;
                    padding-top: 8vw;
                }

                    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .img {
                    }

                        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .img img {
                        }

                    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left h2 {
                    }

                    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .img {
                        width: 90%;
                    }

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

                    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left h2 {
                        color: #fff;
                        font-size: 1.8vw;
                        font-weight: 300;
                        margin-bottom: 4vw;
                        font-family: "Roboto", sans-serif;
                        line-height: 1.2;
                    }

                    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .name {
                    }

                        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .name h3 {
                            color: #00a197;
                            font-weight: bold;
                            font-size: 1.5vw;
                            font-family: arial;
                            margin-bottom: 1vw;
                        }

                        .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .name p {
                            color: #fff;
                            font-weight: 300;
                            font-size: 1.3vw;
                            font-family: "Roboto", sans-serif;
                        }

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

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

.pagination-adj {
    top: 60%;
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 38;
    justify-content: center;
    left: 7vw;
}

    .pagination-adj .swiper-pagination {
    }

    .pagination-adj .swiper-pagination-bullet-active {
        background: #fff !important;
        padding-top: 1vw;
        border-radius: 50px !important;
        width: 0.2vw;
        margin: 0 0.4vw !important;
        transition: all 0.6s ease-in-out;
    }

    .pagination-adj .swiper-pagination-bullet {
        background: #fff !important;
    }

.ch_sec .img img {
    transition: all 0.8s ease;
}

/* When slide active → animate */
/* .ch_sec.active .img img {
  opacity: 1;
  transform: scale(1) rotate(0deg);
  transition-delay: 0.1s; 
} */

/* staggered text */
/* .ch_sec .info h2,
.ch_sec .info h3,
.ch_sec .info p,
.ch_sec .right img {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.ch_sec .right img {
  transform: translateX(50px);
} */

/* Order of animation */

/* .ch_sec.active .info h2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}

.ch_sec.active .info h3 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}

.ch_sec.active .info p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s;
}

.ch_sec.active .right img {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.9s;
} */
.framework_sec {
    display: flex;
    position: relative;
    padding: 0 10vw;
    margin-bottom: 10vw;
}

    .framework_sec .left {
        width: 68%;
        position: relative;
        z-index: 8;
    }

        .framework_sec .left h3 {
            font-size: 2vw;
            margin-bottom: 8vw;
        }

        .framework_sec .left h2 {
            font-size: 3.5vw;
            line-height: 1.2;
            margin-bottom: 2vw;
        }

        .framework_sec .left p {
            font-size: 1.2vw;
            font-family: arial;
            color: #707070;
            line-height: 1.5;
            padding-right: 4vw;
        }

    .framework_sec .right {
        position: absolute;
        right: 0;
        width: 30%;
        top: 0;
        padding-top: 4vw;
    }

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

.bt_gove {
    position: relative;
}

    .bt_gove .img {
        position: relative;
        overflow: hidden;
    }

        .bt_gove .img img {
            width: 100%;
        }

.service_banner {
    margin-bottom: 10vw;
}

    .service_banner .service {
        position: absolute;
        top: 0;
        padding-top: 10vw;
        padding-left: 7vw;
        display: flex;
    }

        .service_banner .service .left {
            width: 45%;
        }

            .service_banner .service .left h2 {
                font-size: 8vw;
                line-height: 1;
                color: #fff;
            }

        .service_banner .service .right .dot-content {
        }

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

            .service_banner .service .right > div h2 {
                font-size: 2vw;
                color: #fff;
                margin-bottom: 2vw;
                line-height: 1;
                font-family: arial;
            }

            .service_banner .service .right > div p {
                font-size: 1.1vw;
                color: #fff;
                width: 60%;
                font-family: arial;
                line-height: 1.2;
                margin-bottom: 2vw;
            }

        .service_banner .service .right {
            width: 55%;
            margin-top: 11vw;
        }

        .service_banner .service .left h2 span {
            color: rgba(255, 255, 255, 0.3);
        }

.epc_sec {
    padding: 0 5vw;
    margin-bottom: 8vw;
}

    .epc_sec .epc_head {
        margin-bottom: 3vw;
        width: 50%;
    }

        .epc_sec .epc_head h2 {
            font-size: 2.5vw;
            font-weight: bold;
            margin-bottom: 1vw;
        }

        .epc_sec .epc_head p {
            font-weight: 300;
            font-family: "Roboto", sans-serif;
            font-size: 1.2vw;
            width: 45%;
            line-height: 1.2;
        }

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

    .epc_sec .grid {
        cursor: pointer;
    }

        .epc_sec .grid .img {
            overflow: hidden;
        }

            .epc_sec .grid .img img {
                width: 100%;
                display: block;
                transition: all 0.6s ease-in-out;
            }

        .epc_sec .grid:hover .img img {
            transform: scale(1.1);
        }

        .epc_sec .grid h3 {
            font-size: 2vw;
            font-weight: 400;
            font-family: arial;
            margin-bottom: 0.5vw;
            line-height: 1;
            padding-top: 1vw;
        }

        .epc_sec .grid p {
            font-size: 1.2vw;
            font-family: arial;
            color: rgba(7, 37, 64, 0.5);
        }

.om_sec {
    background-color: #eeeeee;
    padding: 5vw 5vw;
    margin: 0;
}

    .om_sec .epc_head {
        width: 40%;
    }

        .om_sec .epc_head h2 {
            color: #00a297;
        }

        .om_sec .epc_head p {
            width: 70%;
        }

.projct_banner {
}

    .projct_banner .info {
        padding: 10vw 0 10vw 7vw;
    }

        .projct_banner .info h2 {
            font-size: 8vw;
            line-height: 1.1;
            margin-bottom: 3vw;
        }

            .projct_banner .info h2 span {
            }

            .projct_banner .info h2 span {
                color: rgba(7, 37, 64, 0.3);
            }

        .projct_banner .info p {
        }

        .projct_banner .info .dot-content {
            width: 52%;
            right: 0;
            margin: 0;
            display: flex;
            margin-left: auto;
        }

.about_banner {
    height: 100vh;
    position: relative;
    overflow: hidden;
    margin-bottom: 3vw;
}

    .about_banner .info {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

        .about_banner .info .text {
            width: 47%;
            margin-left: auto;
            margin-bottom: 3vw;
        }

            .about_banner .info .text h3 {
                font-size: 2vw;
                color: #fff;
                width: 85%;
                font-family: arial;
                margin-bottom: 3vw;
                padding-left: 3vw;
                line-height: 1.2;
            }

        .about_banner .info h2 {
            font-size: 17vw;
            color: #fff;
            line-height: 1;
            padding: 0 5vw;
        }

        .about_banner .info .dot-content {
            margin: 0;
        }

.sticky_sec {
    z-index: 7;
}
    /* .sticky_sec > div {
  position: absolute;
  top: 0;
  width: 100%;
} */
    .sticky_sec > div ul {
        display: flex;
        padding: 0.8vw;
        position: relative;
        z-index: 1;
        width: 62%;
        margin: auto;
        background: #f8f8f8;
        justify-content: space-between;
    }

        .sticky_sec > div ul li {
            margin: 0;
        }

            .sticky_sec > div ul li a {
                font-size: 1vw;
                margin: 0;
                display: flex;
                align-items: center;
                grid-gap: 1vw;
                background: #ececec;
                padding: 0.8vw 1vw;
                border-radius: 4px;
                color: #072540;
                font-family: arial;
            }

.sticky_sec {
    position: relative;
    width: 100%;
    z-index: 9;
    height: 80px;
}

    .sticky_sec > div {
        background-color: transparent;
        transition: all 0.7s ease;
    }
    /* .sticky_sec.fixed {
  top: 0;
} */

    .sticky_sec.fixed > div {
        background-color: #fff;
    }

        .sticky_sec.fixed > div ul li a {
            color: #7b6e66;
            transition: all 0.7s ease;
        }

    .sticky_sec > div ul li.active a,
    .sticky_sec > div ul li:hover a {
        color: #fff;
        background: #27A79A;
    }

.overview_sec {
    position: relative;
    margin-top: 5vw;
    overflow: hidden;
    margin-bottom: 10vw;
}

    .overview_sec h3 {
        font-size: 2vw;
        margin-bottom: 7vw;
        padding-left: 15vw;
    }

    .overview_sec .overviewSwiper {
    }

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

        .overview_sec .overviewSwiper .swiper-slide {
        }

            .overview_sec .overviewSwiper .swiper-slide h2 {
                font-size: 3.5vw;
                margin-bottom: 2vw;
            }

            .overview_sec .overviewSwiper .swiper-slide p {
                font-size: 1.2vw;
                color: #707070;
                font-family: arial;
                line-height: 1.5;
            }

    .overview_sec .pagination-adj .swiper-pagination-bullet {
        background-color: #072540 !important;
    }

    .overview_sec .right {
        position: absolute;
        right: 5vw;
        overflow: hidden;
        width: 23%;
        top: 0;
    }

        .overview_sec .right img {
            width: 70%;
        }

/* Animation keyframes */
/* @keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
} */
/* 
.overviewSwiper .swiper-slide .text {
    opacity: 0;
}
.overviewSwiper .swiper-slide .text h2 {
    opacity: 0;
}

.overviewSwiper .swiper-slide .text p {
    opacity: 0;
}

.overviewSwiper .swiper-slide-active .text {
    animation: fadeInUp 0.8s ease forwards;
}

.overviewSwiper .swiper-slide-active .text h2 {
    animation: fadeInUp 0.8s ease 0.3s forwards;
}

.overviewSwiper .swiper-slide-active .text p {
    animation: fadeInUp 0.8s ease 0.6s forwards;
} */

.dna_sec {
    position: relative;
    background: #ECECEC;
    padding: 5vw 5vw 10vw 7vw;
    z-index: 2;
    overflow: hidden;
}

    .dna_sec .bg-img {
        top: 0;
        position: absolute;
        right: 0;
        z-index: 1;
    }

        .dna_sec .bg-img img {
            width: 100%;
            height: 100%;
        }

    .dna_sec .dna_head {
        margin-bottom: 7vw;
        z-index: 2;
        position: relative;
    }

        .dna_sec .dna_head h3 {
            font-size: 2vw;
            line-height: 1;
            margin-bottom: 1vw;
        }

        .dna_sec .dna_head h2 {
            font-size: 4vw;
        }

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

        .dna_sec .dna_grip .grid {
            z-index: 2;
            position: relative;
        }

            .dna_sec .dna_grip .grid .img {
                margin-bottom: 1vw;
                width: 10%;
            }

                .dna_sec .dna_grip .grid .img img {
                    width: 100%;
                }

            .dna_sec .dna_grip .grid h4 {
                font-size: 2.5vw;
                margin-bottom: 1vw;
            }

            .dna_sec .dna_grip .grid p {
                font-size: 1.3vw;
                color: rgba(7, 37, 64, .9);
                line-height: 1.3;
            }

.year_number {
    position: relative;
    height: 100vh;
    padding: 0 7vw;
    overflow: hidden;
}
    /* 
#carousel-wrapper,
#carousel figure {
    height: auto;
    line-height: 100px;
}

#carousel-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    -webkit-perspective: 1100px;
    perspective: 1100px;
}

#carousel {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all 1s;
}

#carousel figure {
    display: block;
    position: absolute;
    width: 100%;
    margin: 0;
    text-align: center;
    opacity: 0.2;
    transition: all 1s;
    backface-visibility: hidden;
    justify-content: center;
    display: flex;
}

#carousel[data-state] figure.active {
    opacity: 1;
} */
    .year_number h2 {
        font-size: 6vw;
        margin-bottom: 15vw;
    }

        .year_number h2 span {
            color: rgba(7, 37, 64, 0.3);
        }

#carousel figure span {
    font-size: 8vw;
    color: #27A79A;
    font-weight: bold;
}

#carousel figure h3 {
    font-size: 7vw;
    color: #072540;
    font-family: arial;
    font-weight: 400;
}

.pillar_swiper {
    background: #072540;
    padding: 5vw 7vw;
    position: relative;
    height: 100vh;
    margin-bottom: 10vw;
}

    .pillar_swiper > h2 {
        font-size: 6vw;
        color: #fff;
        margin-bottom: 4vw;
    }

    .pillar_swiper h2 span {
        color: rgba(255, 255, 255, 0.4);
    }

    .pillar_swiper .pillarSwiper {
        overflow: inherit;
    }

        .pillar_swiper .pillarSwiper .swiper_tabs {
        }

            .pillar_swiper .pillarSwiper .swiper_tabs > .swiper_tab {
                line-height: 1;
                font-size: 2.6vw;
                color: #fff;
                display: flex;
                margin-bottom: 2vw;
                color: rgba(255, 255, 255, .4);
                align-items: start;
                grid-gap: 1vw;
            }

        .pillar_swiper .pillarSwiper .pillar_content {
            padding-left: 42%;
        }

            .pillar_swiper .pillarSwiper .pillar_content .slide_contnet {
                top: 50%;
                position: absolute !important;
                height: auto;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                color: #fff;
                transform: translateY(-50%);
                max-width: 100% !important;
                opacity: 0;
                visibility: hidden;
                padding-left: 10vw;
                padding-right: 11vw;
            }

                .pillar_swiper .pillarSwiper .pillar_content .slide_contnet > h2 {
                    color: #fff;
                    font-size: 2vw;
                    line-height: 1.2;
                    padding-top: 30vw;
                }

                .pillar_swiper .pillarSwiper .pillar_content .slide_contnet.active {
                    opacity: 1;
                    visibility: visible;
                }

        .pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab.active {
            color: #fff;
        }

        .pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .img {
            width: 2.5%;
            opacity: 0;
            visibility: hidden;
            transition: all .6s ease-in-out;
        }

            .pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .img img {
                width: 100%;
            }

        .pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab.active .img {
            opacity: 1;
            visibility: visible;
        }

.coporate_sec .pillar_swiper {
    padding: 0;
    height: 100vh;
    margin: 0;
}

.pillar_swiper .b-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

    .pillar_swiper .b-img img {
        width: 100%;
        height: 100%;
    }

.grey_btn a {
    background: #EEEEEE;
    grid-gap: 3vw;
}

    .grey_btn a:before {
        background: #fff;
    }

    .grey_btn a .arrow svg path {
        stroke: #072540;
    }

.strategy_sec {
}

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

.growth_swiper {
    background: transparent;
    height: 100%;
}

    .growth_swiper .swiper_tabs {
    }

        .growth_swiper .swiper_tabs .swiper_tab.active {
            color: rgba(7, 37, 64, .7) !important;
        }

    .growth_swiper .number_hd {
        display: flex;
        align-items: center;
        grid-gap: 1vw;
    }

        .growth_swiper .number_hd h2 {
            font-size: 9vw !important;
            line-height: 1;
            margin-bottom: 1vw;
        }

            .growth_swiper .number_hd h2 .img {
            }

                .growth_swiper .number_hd h2 .img img {
                }

    .growth_swiper h3 {
        font-size: 2.5vw;
        color: #27A79A;
        font-weight: bold;
        margin-bottom: 3vw;
    }

    .growth_swiper .groth_sec {
        display: flex;
        grid-gap: 5vw;
    }

        .growth_swiper .groth_sec h2 {
            color: #072540;
            font-family: "Roboto", sans-serif;
            font-size: 1.3vw;
            font-weight: bold;
            margin-bottom: 1vw;
        }

        .growth_swiper .groth_sec p {
            color: #072540;
            font-size: 1.4vw;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
        }

.pillar_swiper .pillarSwiper .pillar_content:nth-child(1) .number_hd h2 {
    font-size: 200px;
    font-weight: 800;
    background: url('../images/one-1.jpg') no-repeat center;
    /* background-size: cover; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pillar_swiper .pillarSwiper .pillar_content:nth-child(2) .number_hd h2 {
    font-size: 200px;
    font-weight: 800;
    background: url(../images/one-2.jpg) no-repeat center;
    /* background-size: cover; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pillar_swiper .pillarSwiper .pillar_content:nth-child(3) .number_hd h2 {
    font-size: 200px;
    font-weight: 800;
    background: url(../images/one-3.jpg) no-repeat center;
    /* background-size: cover; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pillar_swiper .pillarSwiper .pillar_content:nth-child(4) .number_hd h2 {
    font-size: 200px;
    font-weight: 800;
    background: url(../images/one-4.jpg) no-repeat center;
    /* background-size: cover; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.growth_swiper .pillarSwiper .pillar_content .slide_contnet {
    padding: 0;
}

.growth_swiper .swiper_tabs .swiper_tab {
    color: rgba(7, 37, 64, .4) !important;
    font-size: 1.3vw !important;
    line-height: 1.2 !important;
    margin-bottom: 1vw !important;
    font-family: arial;
    transition: all .6s ease-in-out;
}

.growth_swiper .swiper_tabs .swiper_tab {
}

.growth_swiper .pillar_content {
    padding-left: 20% !important;
}

.pillar_swiper .growthSwiper .swiper_tabs {
    position: relative;
    top: 3vw;
}

.growth_swiper .number_hd .img img {
    position: relative;
    animation: moveArrow 2s linear infinite;
}

@keyframes moveArrow {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }
    /* arrow thoda aage */
    100% {
        transform: translateX(0);
    }
    /* wapas start */
}

.growth_swiper .number_hd .img {
    width: 5%;
}

    .growth_swiper .number_hd .img img {
        width: 100%;
    }



.partner-holder {
    padding: 0 7vw;
    margin-top: 10vw;
}

.part_head {
    display: flex;
    align-items: center;
    grid-gap: 1vw;
    margin-bottom: 3vw;
}

    .part_head .img {
        margin: 0;
        width: 80px;
    }

        .part_head .img img {
            width: 100%;
        }

    .part_head h2 {
        font-weight: 400;
        font-size: 8vw;
        color: #072540;
        line-height: 1;
    }

.partner-holder .container-div {
}

.partner-holder .container-div {
    width: 100%;
    margin: auto;
}

    .partner-holder .container-div .tab_nav {
    }

.tabs-ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin-bottom: 4vw;
    grid-gap: 1vw;
}

.tab-content-holder {
    margin-bottom: 5vw;
}

.tabs-ul li {
    margin: 0;
}

    .tabs-ul li a {
        font-size: 2.2vw;
        font-weight: 400;
        color: rgba(7, 37, 64, .2);
        line-height: 1;
        position: relative;
        text-decoration: none;
        display: block;
        padding-bottom: .6vw;
    }

    .tabs-ul li:last-child {
        margin: 0;
    }

    .tabs-ul li a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: #27A79A;
        left: 0;
        transition: transform 0.5s;
        transform: scale(0);
        transform-origin: right;
        bottom: -4px;
    }

    .tabs-ul li.active a:before,
    .tabs-ul li a:hover:before {
        transform: scale(1);
        transform-origin: left;
    }

    .tabs-ul li.active a {
        color: #27A79A;
    }

.tab-content {
    margin-left: 20px;
    margin-right: 20px;
}

.tab_info {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    grid-gap: 3vw;
    justify-content: space-between;
}

.tab-content {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 1s ease 1 forwards;
}

    .tab-content .main_box {
        display: flex;
        grid-gap: 1vw;
    }

        .tab-content .main_box .box {
            background: #E5EEF9;
            padding: 3vw 3.5vw;
            border-radius: 15px;
            display: flex;
            flex-direction: column;
            grid-gap: 5vw;
            width: 50%;
            justify-content: space-between;
        }

            .tab-content .main_box .box h2 {
                font-size: 36px;
                line-height: 1;
                color: #1D3C56;
                font-weight: 700;
                width: 55%;
            }

            .tab-content .main_box .box h3 {
                font-size: 34px;
                color: #1D3C56;
                font-weight: 400;
                text-transform: capitalize;
                line-height: 38px;
            }

    .tab-content.active {
        display: block;
        margin: 0;
    }

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

.part_head h2 span {
    color: rgba(7, 37, 64, 0.3);
}

.future_sec {
    position: relative;
}

    .future_sec .img {
    }

        .future_sec .img img {
            width: 100%;
            display: block;
        }

    .future_sec .info {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 10vw 0;
    }

        .future_sec .info .future_head {
            width: 65%;
            margin: auto;
            margin-bottom: 5vw;
        }

            .future_sec .info .future_head h2 {
                font-size: 8vw;
                color: #FFFFFF;
            }

            .future_sec .info .future_head h3 {
                font-size: 8vw;
                color: #FFFFFF;
                text-align: center;
                padding-left: 10vw;
            }

            .future_sec .info .future_head h2 span {
            }

        .future_sec .info h3 {
            color: #fff;
            font-size: 3vw;
            width: 75%;
            margin: auto;
            text-align: center;
        }

        .future_sec .info .future_head h3 span {
            color: rgba(255, 255, 255, 0.3);
        }

.about_banner .info .text h3 span {
    color: rgba(221, 221, 221, 1);
    font-family: 'Optima';
    /* background: #27a79a; */
}


.horizontalScroller {
    height: 100vh;
    position: relative;
    z-index: 2;
}

.horizontalScroller__intro {
    margin-bottom: 1.5rem;
    color: #FFFFFF;
}

.horizontalScroller__header {
    margin-bottom: 1rem;
}

.horizontalScroller__scroll {
    height: 70%;
    position: relative;
    overflow: hidden;
}

.horizontalScroller__images {
    height: 100%;
    display: flex;
    padding: 0 0 5vw;
    grid-gap: 30px;
}

.horizontalScroller__item {
    width: 450px;
    /* height: 100%; */
    display: flex;
    flex: 0 0 auto;
    position: relative;
    align-items: start;
}

.horizontalScroller__image {
    width: 70%;
    object-fit: fill;
    margin: 0 auto;
}

/* Negative margin to overlap pinned element with the following content */
.horizontalScroller.pin-spacer-start {
    margin-top: -50vh; /* Adjust as needed based on the height of the pinned element */
}

.pipelinw_sec {
    background: #072540;
    padding: 6vw 0 15vw 10vw;
    margin-bottom: 7vw;
}

    .pipelinw_sec h2 {
        color: #00A297;
        font-size: 3vw;
        margin-bottom: 5vw;
        font-weight: 700;
    }

        .pipelinw_sec h2 .img {
        }

            .pipelinw_sec h2 .img img {
            }

    .pipelinw_sec .utilitie_sec {
        margin-bottom: 5vw;
    }

        .pipelinw_sec .utilitie_sec h2 {
            font-size: 1.8vw;
            font-weight: 700;
            margin-bottom: 2vw;
        }

        .pipelinw_sec .utilitie_sec > div {
            display: flex;
            width: 55%;
            grid-gap: 5vw;
        }

            .pipelinw_sec .utilitie_sec > div p {
                color: rgba(255, 255, 255, .5);
                font-size: 1.2vw;
                line-height: 1.2;
                font-family: arial;
                font-weight: 400;
            }

    .pipelinw_sec .horizontalScroller__scroll {
    }

        .pipelinw_sec .horizontalScroller__scroll .horizontalScroller__item {
        }

            .pipelinw_sec .horizontalScroller__scroll .horizontalScroller__item img {
                object-fit: contain;
                width: 100%;
            }

    .pipelinw_sec h2 img {
        position: relative;
        animation: moveArrow 2s linear infinite;
        width: auto;
        position: relative;
        left: 2vw;
    }

@keyframes moveArrow {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }
    /* arrow thoda aage */
    100% {
        transform: translateX(0);
    }
    /* wapas start */
}

.sustainability_banner {
}

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

        .sustainability_banner .careers-content h2 {
            padding: 0;
            margin-bottom: 5vw;
            width: 100%;
        }

    .sustainability_banner .careers-flex {
        padding: 0;
        grid-gap: 5vw;
    }

        .sustainability_banner .careers-flex .career-left {
        }

            .sustainability_banner .careers-flex .career-left h2 {
                font-size: 2vw;
                font-weight: 400;
                font-family: arial;
            }

            .sustainability_banner .careers-flex .career-left p {
                width: 63%;
            }

.sustain_sec {
    padding: 8vw 7vw 15vw;
    background: #eeeeee;
    position: relative;
}

.head_sustain {
    position: relative;
    margin-bottom: 5vw;
    width: 55%;
}

    .head_sustain h2 {
        font-size: 8vw;
        line-height: 1;
        margin-bottom: 5vw;
    }

        .head_sustain h2 strong {
            color: rgba(7, 37, 64, 0.3);
        }

    .head_sustain h3 {
        font-size: 2.8vw;
        line-height: 1;
        color: #142841;
        font-weight: 700;
        margin-bottom: 5vw;
    }

    .head_sustain p {
        font-size: 1.3vw;
        width: 50%;
        line-height: 1.2;
        font-family: arial;
        margin-left: auto;
    }

.sustain_swiper {
    padding: 0;
    position: inherit;
    height: 60vh;
    margin: 0;
}

    .sustain_swiper .sustainSwiper {
        width: 65%;
        margin: inherit;
    }

        .sustain_swiper .sustainSwiper .pillar_content {
        }

            .sustain_swiper .sustainSwiper .pillar_content .slide_contnet {
                justify-content: start;
            }

                .sustain_swiper .sustainSwiper .pillar_content .slide_contnet h2 {
                    color: #072540;
                    font-size: 1.3vw;
                    font-weight: 700;
                    font-family: arial;
                    margin-bottom: 1vw;
                    padding: 0;
                }

                .sustain_swiper .sustainSwiper .pillar_content .slide_contnet > p {
                    color: #072540;
                    font-size: 1.3vw;
                    font-weight: 400;
                    font-family: arial;
                    margin-bottom: 5vw;
                }

                .sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info {
                    display: flex;
                    grid-gap: 1vw;
                    line-height: 1.2;
                }

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

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

                    .sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info p {
                        color: #072540;
                        font-size: 1.3vw;
                        font-weight: 400;
                        font-family: arial;
                        margin-bottom: 2vw;
                    }

.sustain_sec .right {
    position: absolute;
    right: 10vw;
    width: 16%;
    top: 0;
    padding-top: 15vw;
}

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

.sustain_swiper .sustainSwiper .swiper_tabs {
    top: 0;
}

.sustain_swiper .sustainSwiper .pillar_content .slide_contnet .info:last-child p {
    margin: 0;
}

.contributing_sec {
    padding: 0 0 10vw 7vw;
    background: #eeeeee;
}

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

    .contributing_sec .head_sustain {
        margin-bottom: 5vw;
    }

        .contributing_sec .head_sustain h2 {
            margin-bottom: 4vw;
        }
    /* .contributing_sec .card-box .img{
    height: auto;
} */
    .contributing_sec .card_wrap {
        flex: 0 0 30%;
    }

.coporate_sec {
}

.coporate_sec {
    padding: 0 7vw;
    background: #eeeeee;
}

.corporateSwiper {
}

    .corporateSwiper .swiper_tabs {
        top: 0 !important;
    }

        .corporateSwiper .swiper_tabs .swiper_tab {
            transition: all .6s ease-in-out;
        }

            .corporateSwiper .swiper_tabs .swiper_tab .active {
            }

    .corporateSwiper .pillar_content {
        padding-left: 30% !important;
    }

        .corporateSwiper .pillar_content .slide_contnet {
            justify-content: start !important;
        }

            .corporateSwiper .pillar_content .slide_contnet h2 {
                color: #072540 !important;
                font-weight: 700;
                font-family: arial;
                margin-bottom: 1vw;
                width: 60%;
                padding: 0 !important;
            }

            .corporateSwiper .pillar_content .slide_contnet p {
                color: #072540;
                font-size: 1.3vw;
                font-weight: 400;
                font-family: arial;
                margin-bottom: 5vw;
                width: 60%;
            }

.crop_img {
    display: flex;
    width: 47%;
    grid-gap: 2vw;
}

    .crop_img img {
        width: 100%;
    }

.coporate_sec h2 {
    font-weight: 400;
    font-size: 8vw;
    color: #072540;
    line-height: 1;
    margin-bottom: 10vw;
}

    .coporate_sec h2 span {
        color: rgba(7, 37, 64, 0.3);
    }

.contributing_sec .pillar_swiper {
    padding: 0 !important;
}

.corporateSwiper .swiper_tabs .swiper_tab.active {
    color: #072540 !important;
}

.project_detail {
    padding: 0 !important;
}

    .project_detail .main_pd {
        position: relative;
        top: 0;
        z-index: 1;
        padding: 12vw 7vw 5vw;
    }

        .project_detail .main_pd h2 {
            color: #072540;
        }

        .project_detail .main_pd .detail-banner {
            padding-right: 8vw;
        }

            .project_detail .main_pd .detail-banner .detail-left {
            }

                .project_detail .main_pd .detail-banner .detail-left p {
                    color: rgba(7, 37, 64, .6);
                }

            .project_detail .main_pd .detail-banner .detail-right {
            }

                .project_detail .main_pd .detail-banner .detail-right h5 {
                    color: #072540;
                }

                .project_detail .main_pd .detail-banner .detail-right p {
                    color: #072540;
                    font-family: arial;
                    font-weight: 400;
                }

            .project_detail .main_pd .detail-banner .detail-left p span {
                color: #072540;
                margin-left: .6vw;
            }

.location_sec {
    display: flex;
    grid-gap: .6vw;
    width: 100%;
}

    .location_sec .lock {
        display: flex;
        align-items: center;
        background: #EEEEEE;
        padding: .4vw .6vw;
        border-radius: 4px;
        grid-gap: .6vw;
    }

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

        .location_sec .lock p {
            color: rgba(7, 37, 64, .5);
            font-size: .9vw;
        }

.project_sec2 {
    padding-top: 10vw;
}

    .project_sec2 .head h2 {
        font-size: 3vw;
    }

.timeline_sec {
    position: relative;
}

    .timeline_sec .main_time {
        position: absolute;
        top: 0;
        z-index: 4;
        width: 100%;
        padding: 5vw 5vw 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        /* justify-content: center; */
    }

    .timeline_sec .img {
    }

    .timeline_sec h2 {
        color: #ffff;
        font-size: 6vw;
        line-height: 1;
        margin-bottom: 3vw;
    }

        .timeline_sec h2 span {
            color: rgba(255, 255, 255, 0.3);
        }

.time_swiper {
    height: 65vh;
}

    .time_swiper .timelineSwiper {
        height: 100%;
    }

        .time_swiper .timelineSwiper .swiper-wrapper {
        }

            .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide {
                overflow: inherit;
            }

                .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide span {
                    display: block;
                    color: rgba(255, 255, 255, .7);
                    font-size: 6vw;
                    font-weight: 700;
                    font-family: arial;
                }

                .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line {
                    display: flex;
                    align-items: end;
                    margin-left: .7vw;
                    grid-gap: 1vw;
                }

                    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line .line {
                    }

                    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line p {
                        font-size: 1.1vw;
                        color: #27A79A;
                    }

                .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide:nth-child(even) {
                    display: flex;
                    flex-direction: column;
                    justify-content: end;
                    height: 100%;
                }

.dot-bar {
    position: absolute;
    height: 65vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    right: 0;
}

    .dot-bar img {
        width: 100%;
    }

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide.swiper-slide-active span {
    color: #fff;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide.swiper-slide-active p {
    color: #27A79A;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .gr_line svg {
    stroke: #27A79A !important;
    fill: #27A79A !important;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line .line svg {
    height: 115px;
    stroke: rgba(39, 167, 154, .3);
    fill: rgba(39, 167, 154, .3);
}

.mgc_number_values {
    max-width: 100%;
    padding: 0 7vw;
    margin-bottom: 5vw;
}

    .mgc_number_values .swiper {
        height: 600px;
        overflow: hidden;
        margin: revert;
        width: 35%;
    }

    .mgc_number_values .swiper-slide {
        display: flex;
        justify-content: end;
        align-items: center;
        font-size: 7vw;
        font-weight: 700;
        color: rgba(7, 37, 64, .1);
        opacity: 0.4;
        transition: all 0.5s ease;
        transition: all 0.8s ease;
        transform-origin: center center;
        transform: rotateX(60deg) scale(0.8) !important;
        line-height: 1;
    }


    .mgc_number_values .swiper-slide-active {
        color: #27A79A;
        opacity: 1;
        transform: rotateX(0deg) scale(1) !important;
    }


    .mgc_number_values .swiper-slide-prev,
    .mgc_number_values .swiper-slide-next {
        opacity: 0.6;
        transform: scale(0.9) !important;
    }


    .mgc_number_values .text-block {
        position: relative;
        width: 65%;
    }

        .mgc_number_values .text-block h2 {
            font-size: 6vw;
            color: #0d2a4d;
            font-family: arial;
        }

        .mgc_number_values .text-block .inner {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            visibility: hidden;
            transition: all .7s ease;
        }

            .mgc_number_values .text-block .inner.active {
                position: relative;
                opacity: 1;
                visibility: visible;
            }

    .mgc_number_values > div {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 1vw;
    }

    .mgc_number_values h2 {
        font-size: 6vw;
        margin-bottom: 2vw;
    }

        .mgc_number_values h2 span {
            color: rgba(7, 37, 64, 0.3);
        }

.filter_sec .filters {
    display: flex;
    gap: 10px;
    font-family: Arial, sans-serif;
}

.filter_sec .custom-select {
    position: relative;
    width: auto;
}

.filter_sec .select-btn {
    padding: 10px 17px;
    background: #EEEEEE;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .6s ease;
    border: solid 1px #EEEEEE;
}

    .filter_sec .select-btn:hover {
        background: #e9ecef;
    }

.filter_sec .arrow {
    margin-left: 10px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.filter_sec .select-btn.active .arrow {
    transform: rotate(180deg); /* upar ghoom jayegi */
}

.filter_sec .select-dropdown {
    position: absolute;
    top: 3vw;
    left: 0;
    width: 200px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 109;
    padding-bottom: 1vw;
}

    .filter_sec .select-dropdown.show {
        max-height: 300px;
        opacity: 1;
    }

.filter_sec .search-box {
    width: 90%;
    padding: 0;
    border: none;
    font-size: .8vw;
    background: transparent;
    opacity: .5;
    font-family: arial;
}

    .filter_sec .search-box input::placeholder {
        color: #707070 !important;
        opacity: .5 !important;
    }

.filter_sec .select-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
}

    .filter_sec .select-dropdown ul li {
        cursor: pointer;
        font-size: .8vw;
    }

        .filter_sec .select-dropdown ul li:hover {
        }

.filter_sec {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    margin-bottom: 7vw;
    padding: 0 6vw;
    position: relative;
    z-index: 2;
}

    .filter_sec .select-btn span {
        font-size: 1.2vw;
        line-height: 1;
        color: #072540;
        font-family: arial;
    }

.rest_btn a {
    font-size: 1.2vw;
    color: #072540;
    font-weight: 400;
    font-family: arial;
    display: flex;
    align-items: center;
    grid-gap: 1vw;
    transition: all .6s ease-in-out;
}

.filter_sec .select-dropdown ul li input {
    font-size: 1vw !important;
}

.filter_sec .select-dropdown ul li label {
    display: flex;
    align-items: center;
    grid-gap: .5vw;
    cursor: pointer;
    padding: 10px 12px;
}

.sm_search {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #F2F2F2;
    margin: 10px 10px 5px 10px;
    grid-gap: .6vw;
    border-radius: 2px;
}
/* 
.custom-select ul li input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-select ul li label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  color: #072540;
}

.custom-select ul li label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #707070;
  border-radius: 50%;
  pointer-events: none;
}

.custom-select ul li input[type="radio"]:checked + span::before{
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #072540;
  border-radius: 50%;
  pointer-events: none; 
}
  */
.case_pin_Section {
    padding-left: 5vw;
}

.step_form .container {
    display: flex;
    max-width: 100%;
    padding: 0;
    height: 20vw;
    margin-bottom: 5vw;
}

.partner-holder .patner_sec .grid_wrap {
    padding: 0;
}

label.radio {
    position: relative;
}

    label.radio .radio-icon {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        border: solid 1px #707070;
        border-radius: 50%;
        transition: all 0.2s ease-in-out;
    }

        label.radio .radio-icon:before {
            content: '';
            position: absolute;
            inset: 0;
            transition: all 0.2s ease-in-out;
            background-size: 100%;
            background-position: center center;
            opacity: 0;
            background: #fff;
            border-radius: 50%;
        }

    label.radio input[type='radio'] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        label.radio input[type='radio']:checked + .radio-icon {
            background: #27A79A;
            border-color: #27A79A;
        }

            label.radio input[type='radio']:checked + .radio-icon:before {
                transform: scale(0.5);
                opacity: 1;
            }

    label.radio > div:first-child {
        display: inline-flex;
    }

    label.radio.has-label {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 10px;
        align-items: center;
    }

    label.radio.has-label-multiple {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 10px;
        align-items: flex-start;
    }

        label.radio.has-label-multiple .radio-icon {
            top: 5px;
        }

.filter_sec .select-btn.active {
    background: transparent;
}

.rest_btn a:hover {
    color: #27A79A;
}

    .rest_btn a:hover svg {
        transition: all .6s ease-in-out;
    }

.rest_btn a svg {
    stroke: #072540;
    transition: all .6s ease-in-out;
}

.rest_btn a:hover svg {
    stroke: #27A79A;
}

.filter_sec .select-dropdown ul li label h4 {
    font-size: .9vw;
    font-family: arial;
}

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

    .project_card .cards-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 7vw 1vw;
    }

.page-project .card-box .img img {
    object-fit: cover;
    height: 100vh;
}
/* .page-project .card-box .hover-text{
      height: 35%;
} */
.page-project .card-box .img {
    height: 100%;
}

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

.card_wrap:nth-child(4) {
    margin-left: 0;
}

.model_btn {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    grid-gap: 2vw;
    bottom: -5vw;
}

    .model_btn .swiper-button-next {
        position: relative;
        color: #fff;
        grid-gap: 1vw;
        transition: all .6s ease-in-out;
    }

        .model_btn .swiper-button-next p {
            font-size: 1.1vw;
            font-family: arial;
            color: #fff;
        }

        .model_btn .swiper-button-next svg {
            width: 3vw;
        }

    .model_btn .swiper-button-prev {
        position: relative;
        grid-gap: 1vw;
        color: #fff;
        transition: all .6s ease-in-out;
    }

        .model_btn .swiper-button-prev p {
            font-size: 1.1vw;
            font-family: arial;
        }

        .model_btn .swiper-button-prev svg {
            width: 3vw;
        }

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next, .swiper-button-prev {
    width: auto !important;
}

.submit-btn:hover {
    background: #365673;
}

.grey_btn a {
    border: none;
}

.swp_container .swiper-slide .s-image img {
    position: relative;
    animation: moveArrow 2s linear infinite;
}

@keyframes moveArrow {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }
    /* arrow thoda aage */
    100% {
        transform: translateX(0);
    }
    /* wapas start */
}

.flex-container .filter_sec {
    padding: 0;
    justify-content: inherit;
    grid-gap: 1.5vw;
    position: relative;
    z-index: 4;
}

.head-section .left {
    position: relative;
    z-index: 2;
}

.phone-num {
    margin-bottom: 8vw;
}

    .phone-num:last-child {
        margin: 0;
    }

.page-governance .strategy_sec {
    margin-bottom: 0;
}

.main_time .model_btn {
    display: none;
}

.sustain_pin {
    padding: 0;
}

.policy_sec {
    padding: 0 7vw;
    position: relative;
    margin-bottom: 5vw;
}

    .policy_sec .left {
        position: absolute;
        top: 0;
        padding-top: 3vw;
    }

        .policy_sec .left ul {
        }

            .policy_sec .left ul li {
                font-size: 1vw;
                margin-bottom: 1vw;
                font-family: arial;
                line-height: 1;
            }

    .policy_sec .right {
        width: 65%;
        margin-left: auto;
    }

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

            .policy_sec .right .info h2 {
                font-size: 2vw;
                line-height: 1;
                font-family: arial;
                margin-bottom: 2vw;
            }

            .policy_sec .right .info p {
                font-size: 1.3vw;
                font-family: arial;
                line-height: 1.1;
            }

            .policy_sec .right .info:last-child {
                margin: 0;
            }

/* initial state */
.jq-animate {
    opacity: 0;
    will-change: transform, opacity;
}

    /* when active */
    .jq-animate.is-in {
        opacity: 1;
        transform: none !important;
    }

    /* Preset animations (initial transforms) */
    .jq-animate[data-anim="fade-up"] {
        transform: translateY(20px);
    }

    .jq-animate[data-anim="fade-in"] {
        transform: translateY(0);
    }

    .jq-animate[data-anim="slide-left"] {
        transform: translateX(-24px);
    }

    .jq-animate[data-anim="zoom-in"] {
        transform: scale(0.95);
    }

/* default timing (can be overridden per-element via inline style set by JS) */
.jq-animate {
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.pro_img {
    margin-bottom: 15vw;
}

.contributing_sec .head_sustain {
    width: 75%;
}

    .contributing_sec .head_sustain p {
        margin: 0;
        width: 35%;
        padding-right: 1vw;
    }

    .contributing_sec .head_sustain h2 {
        font-size: 4.4vw;
        font-weight: 700;
    }

.coporate_sec .head_sustain {
    width: auto;
}

    .coporate_sec .head_sustain p {
        width: 30%;
        margin: 0;
        margin-left: 30%;
        padding-right: 1vw;
    }

.filter_sec2 {
    justify-content: start !important;
    grid-gap: 1.5vw;
}

.cn_text {
    width: 50%;
    margin: auto;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

    .cn_text p {
        color: #072540;
        font-size: 1.2vw;
        font-family: arial;
        text-align: center;
        line-height: 1.2;
    }

        .cn_text p a:hover {
            color: #00A69A;
        }

        .cn_text p a {
            color: #072540;
        }

.reveal {
    visibility: hidden;
    position: relative;
}

.projct_banner .info h2.text_reveal .line-wrapper:last-child span {
    color: #072540 !important;
}

.about_banner .info .text h3.text_reveal .line-wrapper:last-child span,
.page-our-services h2.text_reveal .line-wrapper:last-child span,
.page-services h2.text_reveal .line-wrapper:last-child span {
    color: #fff !important;
}

.home_banner {
    height: auto;
}

    .home_banner .dot-content {
        top: 36%;
    }

.leadership_sec_pin .sticky_sec.fixed > div {
    background: transparent;
}

.next_btn {
    display: flex;
    grid-gap: 2vw;
}

.main-txt-container .mian_text .new_grid .n_grid:hover img {
    transform: scale(1.1) !important;
}

.page-home .main_banner,
.page-index .main_banner {
    height: auto;
}

.form-nxt-btn svg {
    stroke: #072540;
}

.lead-banner::-webkit-scrollbar {
    display: none;
}

.lead_sec {
    padding-bottom: 0;
}

    .lead_sec h2 {
        top: 0;
    }

    .lead_sec .text {
        position: relative;
        right: 0;
        bottom: 5vw;
    }

    .lead_sec .img {
        align-items: start;
        position: relative;
        z-index: 1;
    }

        .lead_sec .img video {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.newStickyMenu > div ul {
    display: flex;
    padding: 0.8vw;
    position: relative;
    z-index: 1;
    width: 62%;
    margin: auto;
    background: #F8F8F8;
    justify-content: space-between;
    bottom: 14px;
    border-radius: 8px;
}

    .newStickyMenu > div ul li {
        margin: 0;
    }

        .newStickyMenu > div ul li a {
            font-size: 1vw;
            margin: 0;
            display: flex;
            align-items: center;
            grid-gap: 1vw;
            background: #ececec;
            padding: 0.8vw 1vw;
            border-radius: 4px;
            color: #072540;
            font-family: arial;
        }

.newStickyMenu {
    position: fixed;
    width: 100%;
    z-index: 9;
    height: auto;
    bottom: -100%;
    transition: all .7s ease;
}

    .newStickyMenu.show {
        bottom: 0;
    }

    .newStickyMenu > div {
        background-color: transparent;
        transition: all 0.7s ease;
    }
    /* .newStickyMenu.fixed {
  top: 0;
} */

    .newStickyMenu.fixed > div {
        background-color: #fff;
    }

        .newStickyMenu.fixed > div ul li a {
            color: #7b6e66;
            transition: all 0.7s ease;
        }

    .newStickyMenu > div ul li.active a,
    .newStickyMenu > div ul li:hover a {
        color: #fff;
        background: #27A79A;
    }

.pillar_swiper .pillarSwiper .swiper_tabs > .swiper_tab {
    font-size: 2.4vw;
    margin-bottom: 1.6vw;
}

.overview_sec.notPin {
    min-height: 100vh;
}

.overview_pin_wrapper {
    height: 100vh;
}

    .overview_pin_wrapper .overview_sec.notPin {
        min-height: 100%;
        padding: 3vw 0 0;
        margin: 0;
    }

    .overview_pin_wrapper .overview_sec .right {
        top: 5vw;
    }

.mgc_number_values {
    margin-bottom: 0;
}

.mgcNumber_pin_wrapper {
    height: 100vh;
}

    .mgcNumber_pin_wrapper > div {
        height: 100%;
    }

.pillar_pin_wrapper {
    height: 100vh;
}

    .pillar_pin_wrapper .pillar_swiper {
        height: 100%;
    }

.pillar_swiper > h2 {
    margin-bottom: 3vw;
}
/* .pillar_swiper .pillarSwiper .swiper_tabs {
    width: 50%;
} */
.pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .inner {
    cursor: pointer;
    display: flex;
    align-items: start;
    grid-gap: 1vw;
}

.pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .inner2 {
    cursor: pointer;
}

.pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .img {
    width: 33px;
}

.mgc_number_values h2 {
    margin-bottom: 0;
}

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

.timeline_sec h2 {
    margin-bottom: 2vw;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide span {
    font-size: 5vw;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line .line svg {
    height: 100px;
}

.dot-bar {
    height: 62vh;
}

.timeline_pin_wrapper {
    height: 100vh;
}

    .timeline_pin_wrapper .timeline_sec {
        height: 100%;
    }

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide:nth-child(even) {
    flex-direction: column-reverse;
    justify-content: end;
    height: 95%;
}

    .time_swiper .timelineSwiper .swiper-wrapper .swiper-slide:nth-child(even) .gr_line {
        align-items: start;
    }

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide span {
    color: rgba(255, 255, 255, .3);
    transition: all .6s ease-in-out;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide .gr_line p {
    opacity: .4;
    transition: all .6s ease-in-out;
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide.swiper-slide-active span {
    color: rgba(255, 255, 255, 1);
}

.time_swiper .timelineSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .gr_line p {
    opacity: 1;
}

.timeline_sec .img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.zoom-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .7s ease-in-out;
    transform: scale(1.1);
    overflow: hidden;
}

    .zoom-wrapper.active {
        opacity: 1;
        transform: scale(1);
        z-index: 1;
    }

.framework_sec .left h3 {
    margin-bottom: 5vw;
}

.framework_sec .left h2 {
    font-size: 3vw;
}

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

    .page-project .card-box .img img {
        object-fit: cover;
        height: 100%;
    }

.project_detail .main_pd .detail-banner .detail-right p {
    width: 60%;
}

.page-sustainability .contributing_sec {
    padding: 0 0 5vw 7vw;
}

.page-sustainability .coporate_sec {
    padding: 0 7vw 5vw;
}

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

.insights-detail .detail-left {
    padding-top: 2vw;
}

.insights-detail .detail-banner {
    margin-bottom: 10vw;
}

.not-jobs.cn_text {
    width: 60%;
    padding-top: 7vw;
    padding-bottom: 7vw;
}

    .not-jobs.cn_text p {
        color: rgba(7, 37, 64, .7);
        font-size: 1.4vw;
        line-height: 1.3;
    }

        .not-jobs.cn_text p a {
            font-style: italic;
            color: rgba(7, 37, 64, .7);
        }

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

.corporateSwiper .pillar_content {
    padding-left: 15.5% !important;
}

.mgc_number .bottom_sec .grid h2 strong {
    font-size: 5vw;
}

.play_btn {
    position: absolute;
    left: 36%;
}

    .play_btn a {
        font-size: 1.2vw;
        color: #fff;
        font-family: "arial";
        display: flex;
        align-items: center;
        grid-gap: 1vw;
        line-height: 1;
    }

        .play_btn a svg {
            stroke: #fff;
            transition: all .6s ease-in-out;
        }

        .play_btn a:hover {
            color: #00a69a;
        }

            .play_btn a:hover svg {
                stroke: #00a69a;
            }

.grey_btn a .arrow {
    background: #ffff;
    border-radius: 50px;
}

    .grey_btn a .arrow svg path {
        stroke: #00A69A !important;
    }

.prev-btn:hover span, .next-btn:hover span {
    color: #fff;
}

.mgc_btn:hover .arrow {
    background: #fff;
    border-radius: 50px;
    transition: all .6s ease-in-out;
}

.mgc_btn .arrow svg {
    transition: all .6s ease-in-out;
}

.mgc_btn:hover .arrow svg {
    stroke: #00A69A;
}

.pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .inner,
.pillar_swiper .pillarSwiper .swiper_tabs .swiper_tab .inner2 {
    cursor: initial;
}

.pin_video.expand {
    overflow: hidden;
}

    .pin_video.expand .img {
        opacity: 0;
    }

.videoBlock {
    position: absolute;
    top: 0;
    width: 28%;
    height: 32%;
    transition: all .7s ease;
    z-index: 0;
}

.pin_video.expand .videoBlock {
    width: 100%;
    height: 100%;
    z-index: 7;
}

.videoBlock video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.close_video {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 1;
}

    .close_video svg {
        width: 100%;
    }

.fullVideoModal {
    padding: 0;
    margin: 0;
}

    .fullVideoModal .modal-body {
        padding: 0;
        overflow: hidden;
    }

        .fullVideoModal .modal-body video {
            width: 100%;
            height: 100%;
            object-fit: inherit;
            filter: brightness(.6);
        }

    .fullVideoModal .closeModal {
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 1;
    }

        .fullVideoModal .closeModal svg {
            fill: #fff;
        }

.epc_sec .epc_head h2 {
    font-size: 3vw;
    line-height: 1.2;
}

.om_sec .epc_head {
    width: 50%;
}

.projct_banner .info h2.text_reveal .line-wrapper .reveal-line {
    color: #072540 !important;
}

    .projct_banner .info h2.text_reveal .line-wrapper .reveal-line span {
        color: rgba(7, 37, 64, 0.3) !important;
    }

.mgc_btn,
.mgc_btn.mgc_btn2 {
    grid-gap: 1vw;
    /* border: 0; */
}

.mapScrollSection video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overviewSwiperImages .img.active {
    position: relative;
    visibility: visible;
    opacity: 1;
}

.overviewSwiperImages .img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
}

    .overviewSwiperImages .img img {
        width: 100%;
    }
/* 

.pillar_swiper .pillarSwiper .swiper_tabs {
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
} */

/* new map */
/*.mapScrollSection {
    height: 730px;
}*/

.regionDiv {
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
}

    .regionDiv.show {
        opacity: 1;
        visibility: visible;
    }

.eastern_div {
    position: absolute;
    top: 24%;
    right: 19%;
    width: 33.5%;
}

    .eastern_div img {
        width: 100%
    }

.central_div {
    position: absolute;
    top: 24%;
    left: 21%;
    width: 45%;
}

.eastern_div img {
    width: 100%
}

.central_div {
    position: absolute;
    top: 24%;
    left: 21%;
    width: 45%;
}

    .central_div img {
        width: 100%
    }

.western_div {
    position: absolute;
    top: 24.3%;
    left: 5.4%;
    width: 31%;
}

    .western_div img {
        width: 100%
    }

.northern_div {
    position: absolute;
    top: 19%;
    left: 6%;
    width: 43%;
}

    .northern_div img {
        width: 100%
    }

.southern_div {
    position: absolute;
    top: auto;
    left: 23%;
    width: 59%;
    bottom: 11%;
}

    .southern_div img {
        width: 100%
    }

.mgc_number_values .text-block h2 {
    font-size: 4vw;
}

.mgc_number_values {
    background: rgba(245, 245, 245, 1);
    padding: 5vw 7vw 0;
}

.governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .img {
    width: 44px;
}

    .governance_sec .governanceSwiper .swiper-wrapper .ch_sec .left .img img {
        width: 44px;
    }

.swp-items p {
    margin-bottom: 20px;
}

.modalSwiper .swiper-slide {
    padding-left: 1px;
}

.om_sec .epc_head p {
    width: 55%;
}

label.error {
    font-size: 14px;
    color: red !important;
    padding-top: 5px;
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 0;
}

.form-step {
    width: 100%;
}

    .form-step .reveal-line {
        width: 100%;
    }

    .form-step .fullDiv {
        width: 100%;
        margin-bottom: 5vw;
    }

        .form-step .fullDiv:last-child {
            margin-bottom: 0;
        }

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

    .form-step textarea {
        resize: none;
    }

.partner-holder .container-div .tab_nav {
    display: none;
}

.ptItem {
    display: none !important;
}

    .ptItem.show {
        display: flex !important;
    }

.patner_sec {
    margin-bottom: 6vw;
}

.play_btn {
    width: 100%;
    left: 0;
}

.lead_sec .img > div {
    width: 28%;
    position: relative;
}

.lead_sec .img img {
    width: 100%;
}

#video-container {
    width: 100%;
    height: 100%;
}

/* .mapScrollSection {
    height: 730px !important;
} */
.svgShapeLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .svgShapeLayer svg {
        width: 100%;
        height: 100%;
    }

        .svgShapeLayer svg path {
            stroke-width: 3px;
            stroke: #DAF8FF !important;
        }

.svgShapeLayerOverlay {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: -4px;
    left: 1px;
}

    .svgShapeLayerOverlay svg {
        width: 100%;
        height: 100%;
    }

.region {
    cursor: pointer;
    fill: transparent;
}

    .region path {
        transition: .5s ease;
        fill: transparent;
        stroke: transparent;
        stroke-width: 4px;
    }

    .region.active path,
    .region:hover path {
        stroke: #fff !important;
    }
    /* The hit-area path (your generated hull) */
    .region .hit {
        fill: transparent; /* FULL hit area but invisible */
        stroke: none;
        pointer-events: all; /* ← VERY IMPORTANT */
    }

.cardBox .img img {
    aspect-ratio: 1/1;
}

.dotsArea_main svg path {
    stroke-dasharray: 3600;
    stroke-dashoffset: 3600;
}

.dotsArea_main.show svg path {
    animation: svgAnimation 2.5s ease-in-out forwards;
}

@keyframes svgAnimation {
    0% {
        stroke-dashoffset: 3600;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.cardBox > p {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 6px;
}

.page-contact-us .form-nxt-btn button:hover svg {
    background: #27A79A;
}

.prev-btn svg,
.next-btn svg {
    width: 2.5vw;
    height: 2.5vw;
    padding: 0.8vw;
}

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

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

.main_banner {
    height: auto;
}

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


/* new css */
.form-group input {
    transition: all .5s ease;
    border-radius: 0;
    outline: none;
    color: rgba(7, 37, 64, .8);
    display: block;
    width: 100%;
    padding: 1.5vw 0;
    background: transparent;
    border: none;
    font-size: 1.2vw;
    font-family: "arial";
}

.form-group:last-child {
    margin-bottom: 5vw;
}

.form-group input:placeholder {
    color: rgba(7, 37, 64, .8);
    opacity: 1;
}

.job_model {
    padding: 5vw 10vw;
}

    .job_model .job_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5vw;
    }

        .job_model .job_btn h2 {
            font-size: 2vw;
            line-height: 1;
            color: #00A197;
            font-weight: bold;
        }

        .job_model .job_btn .apply_btn {
        }

            .job_model .job_btn .apply_btn a {
                font-size: 1.2vw;
                color: #072540;
                font-family: "arial";
                display: flex;
                align-items: center;
                grid-gap: 1vw;
            }

                .job_model .job_btn .apply_btn a svg {
                    background: #00A69A;
                    width: 3vw;
                    height: 3vw;
                    display: flex;
                    padding: 1vw;
                    border-radius: 50%;
                    transition: all .6s ease-in-out;
                }

    .job_model .role_text {
    }

        .job_model .role_text p {
            font-size: 1.3vw;
            line-height: 1;
            margin-bottom: 2vw;
            font-family: "arial";
        }

        .job_model .role_text ul {
            margin-bottom: 3vw;
            padding: 0 2vw;
        }

            .job_model .role_text ul li {
                font-family: "arial";
                list-style: disc;
                font-size: 1.3vw;
                margin-bottom: .2vw;
            }

.career_form {
}

    .career_form h2 {
        color: #00A197;
        font-weight: bold;
        font-size: 2vw;
        width: 75%;
        margin-bottom: 3vw;
    }

    .career_form .form-group {
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(7, 37, 64, .1);
    }

        .career_form .form-group input {
        }

.upload-box {
    position: relative;
}

    .upload-box input[type="file"] {
        width: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        cursor: pointer;
    }

.form-control:focus {
    border-color: #072540;
}

.job_model .job_btn .apply_btn a:hover {
    color: #00A69A;
}

    .job_model .job_btn .apply_btn a:hover svg {
        background: #072540;
    }

.submit_btn {
    display: flex;
    align-items: end;
    justify-content: end;
    margin-top: 2vw;
}

    .submit_btn button,
    .submit_btn a {
        background: #27A79A;
        color: #fff;
        padding: .8vw 2.5vw;
        border-radius: 50px;
        font-size: 1.2vw;
        font-family: "arial";
    }

        .submit_btn button:hover,
        .submit_btn a:hover {
            background: #072540;
        }

.job_model .role_text ul li::marker {
    font-size: 1vw;
}

.career_form .form-group {
    position: relative;
}

    .career_form .form-group label.error {
        bottom: -25px
    }

.career_form {
    position: relative;
}

.successDiv {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .successDiv p,
    .successDiv h2 {
        width: 100%;
    }

.dotsArea_main {
    z-index: 2 !important;
}

.project_detail .main_pd .detail-banner .detail-left p span.reveal-line span:last-child {
    font-weight: 500;
    line-height: 1.1;
}

.coporate_sec .growth_swiper .pillar_content {
    padding-left: 24% !important;
}

.crop_img {
    width: 91%;
}

.careers-flex p a {
    color: #fff;
    transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1.1);
}

    .careers-flex p a:hover {
        color: #00a69a;
    }
.zoom-wrapper img {
    filter: brightness(0.5);
}