/* common css */
.commonSec {
    padding: 80px 0px;
}

.container-home {
    width: 100%;
    margin: 0 auto;
    max-width: 1750px;
    padding-left: 15px;
    padding-right: 15px;
}

.bg_59BA47 {
    background-color: #59BA4710;
}

.sec-eyebrow {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

.readMoreBtn {
    transition: 0.6s;
    display: inline-flex !important;

    span {
        width: 58px;
        height: 54px;
        padding: 14px;
        transition: 0.6s;
        margin-right: 3px;
        border-radius: 10px;
        border: 2px solid #064B44;
        background-color: var(--greenDk);

        img {
            transition: 0.6s;
        }
    }

    strong {
        width: 160px;
        height: 54px;
        padding: 10px;
        transition: 0.6s;
        color: #000000;
        border-radius: 10px;
        border: 2px solid #064B44;
    }

    &:hover {
        span {
            background-color: transparent;

            img {
                filter: invert(1);
            }
        }

        strong {
            color: #fff;
            background-color: var(--greenDk);
        }
    }
}

.whiteBox {
    .readMoreBtn {
        span {
            border: 2px solid #fff;
            background-color: var(--white);

            img {
                filter: invert(1);
            }
        }

        strong {
            color: #fff;
            border: 2px solid #fff;
        }

        &:hover {
            span {
                background-color: transparent;

                img {
                    filter: invert(0);
                }
            }

            strong {
                color: #000 !important;
                background-color: var(--white);
            }
        }
    }
}

.slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #064B44;
    position: absolute;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    bottom: auto;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.5s;
    z-index: 2;

    &::after {
        content: '';
        position: absolute;
        background-image: url(../images/home/left-arrow.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 20px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.5s;
    }

    &.slick-next {
        left: auto;
        right: 0;

        &::after {
            background-image: url(../images/home/right-arrow.png);
        }
    }

    &.slick-disabled {
        opacity: 0.5;
        pointer-events: none;
    }
}

.secH {
    color: #064B44;
    font-family: 'Open Sans';
    font-size: 66px;
    font-weight: 700;

    span {
        font-size: 32px;
        display: block;
    }
}

.tabs {
    li {
        cursor: pointer;
    }
}

.listContBox {
    .tab_content {
        transition: all 0.5s;
        display: none;

        .accTrigger {
            background-color: #064B44;
            border-radius: 6px;
            color: #fff;
            font-size: 18px !important;
            padding: 12px 15px;
            padding-right: 40px;
            position: relative;
            transition: all 0.5s;
            display: none;

            &::after {
                content: '\f078';
                font-family: fontawesome;
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translateY(-50%);
                color: #fff;
                font-size: 18px;
                transition: all 0.5s;
            }
        }

        &.active {
            display: block;

            .accTrigger {
                &::after {
                    transform: translateY(-50%) rotate(180deg);
                }
            }
        }
    }
}

.ff_openS_300_italic {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: italic;
}

.blkBorBtm {
    border-bottom: 1px solid #000;
}

/* Banner */
.banInnVdo {
    position: relative;

    .banImg {
        height: 100vh;
        overflow: hidden;
        position: relative;

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

        img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }
    }

    .bannerCont {
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;

        &::before {
            left: 0;
            right: 0;
            bottom: 0px;
            width: 100%;
            height: 80%;
            content: '';
            position: absolute;
            pointer-events: none;
            background: #064B44;
            background: linear-gradient(4deg, #064B44 0%, #064B4400 100%);
        }

        .bannerContInn {
            text-align: center;
            position: absolute;
            left: 100px;
            right: 100px;
            bottom: 80px;
            z-index: 3;

            .bannerTle {
                font-size: 75px;
                color: #fff;
                margin-bottom: 27px;
                padding-bottom: 27px;
                display: inline-block;

                span {
                    font-size: 64px;
                    font-weight: 400;
                    position: relative;
                    padding-bottom: 10px;

                    &:after {
                        right: 0;
                        bottom: 0px;
                        width: 100px;
                        height: 4px;
                        content: '';
                        position: absolute;
                        background-color: var(--green);
                    }
                }
            }

            .bannerSubTle {
                color: #fff;
                font-weight: 400;
                font-size: 30px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }
        }

        .bannerContBtm {
            bottom: 40px;
            margin-top: 12px;
            position: absolute;
            left: calc((100% - 1140px) / 2);
        }
        .dwnArw{
            width: 30px;
            height: 30px;
            animation: bounce-out-down 4s ease infinite;
        }
    }
}
@keyframes bounce-out-down {
    0% {
        transform: translateY(0);
    }
    20% {
        /* opacity: 1; */
        transform: translateY(30px);
    }
    100% {
        /* opacity: 0; */
        transform: translateY(-10px);
    }
}

/* key highlights */
.bg_7ED2EB {
    background-color: #7ED2EB;
}

.keyHighlights,
.excellenceSec,
.esgSec,
.valueSec {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;

    .keyHighlightsLt {
        .keyHighlightsLtInn {
            padding-top: 10px;
            padding-right: 20px;
            padding-bottom: 0px;
            background-color: #fff;
            border-radius: 20px;
            box-shadow: 0 0 15px #00000020;
        }

        ul {
            li {
                padding: 20px 10px;
                transition: all 0.3s;
                margin-bottom: 0 !important;
                border-bottom: 1px solid #00000025;

                span {
                    display: block;
                    cursor: pointer;
                    font-size: 24px;
                    font-weight: 600;
                    line-height: 1.2;
                    border-radius: 8px;
                    position: relative;
                    transition: all 0.3s;
                    padding: 13px 10px 13px 55px;

                    &::before {
                        width: 0px;
                        height: 2px;
                        content: '';
                        left: 5px;
                        top: 50%;
                        transition: all 0.3s;
                        position: absolute;
                        transform: translateY(-50%);
                        background-color: #fff;
                    }
                }

                &:last-child {
                    border-bottom: none;
                }

                &:hover,
                &.active {
                    span {
                        color: #fff;
                        background-color: #59BA47;
                        padding: 13px 10px 13px 55px;

                        &::before {
                            width: 40px;
                        }
                    }
                }
            }
        }

        .textWrap {
            padding: 20px;
            border-radius: 20px;
            background-color: #fff;

            .textWrapInn {
                height: 240px;
                overflow-y: auto;
                padding-right: 10px;
            }
        }
    }

    .keyHighlightsRt {
        .keyAcc {
            padding: 30px 35px;
            border-radius: 25px;
            background-color: #FFF;
            /* background: linear-gradient(180deg, #FFF 90%, rgba(255, 255, 255, 0.00) 100%); */

            .keyCont {
                .keyContDiv {
                    .keyContTop {
                        display: flex;
                        align-items: center;
                        padding-bottom: 25px;

                        .keyIcon {
                            width: 68px;
                            height: 68px;
                            margin-right: 20px;

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

                        h6 {
                            margin-bottom: 0;
                        }
                    }

                    .keyContBtm {
                        height: 565px;
                        overflow-y: auto;
                        overflow-x: hidden;

                        .resView {
                            display: none;
                        }
                    }
                }

                &.esgCont-3 {
                    .keyContDiv {
                        .ddMenu {
                            li {
                                &:first-child {
                                    .ul {
                                        display: block !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .eachIconH {
        margin-bottom: 20px;
    }
}


.excellenceSec {
    position: relative;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;

    h4.green_700 {
        text-shadow: 0 0 1px #60b251;
    }

    &:before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        position: absolute;
        background: linear-gradient(180deg, #bfdfb5 0%, #ffffff5e 100%);
    }

    .circularList {
        li {
            .listTitle {
                top: 0;
                margin-bottom: 0;
                padding: 0 0 0px 40px;
                width: calc(100% - 60px);
                font-size: 16px !important;
                border-bottom: 0 !important;
            }

            &:not(:last-child) {
                margin-bottom: 0px;
            }

            & .listHead {
                align-items: center;

                figure {
                    width: 60px;
                    height: 60px;
                    padding: 12px;
                }
            }
        }
    }

    .keyHighlightsRt {
        .exeAcc {
            padding: 30px 35px;
            border-radius: 25px;
            background-color: #FFF;
        }
    }
}

.bg_ecf5e8 {
    background-color: #ecf5e8;
}

.esgSec {
    .eachIconH {

        /* margin-bottom: 0; */
        .numMain {
            .counterText {
                font-size: 40px;
            }
        }
    }

    .keyHighlightsLt {
        .textWrap {
            padding: 20px;
            border-radius: 20px;
            background-color: #fff;
        }
    }

    .keyHighlightsRt {
        .esgAcc {
            padding: 30px 35px;
            border-radius: 25px;
            background-color: #FFF;

            .keyContTop {
                padding: 20px;
                border-radius: 20px;
                margin-bottom: 20px;
                box-shadow: 0 0 10px #00000020;
            }

            .ddMenu {
                li {
                    margin-bottom: 30px !important;

                    .ul {
                        display: none;
                        padding-bottom: 20px;

                        .esgContHeading {
                            display: flex;
                            flex-wrap: wrap;
                            align-items: center;

                            .icon {
                                width: 40px;

                                img {
                                    width: 100%;
                                }
                            }

                            h4 {
                                padding-left: 20px;
                                width: calc(100% - 40px);
                            }
                        }
                    }

                    &:first-child {
                        .ul {
                            display: block;
                        }
                    }

                    &:not(:last-child) {
                        border-bottom: 1px solid #00000025;
                    }

                    .ddHead {
                        cursor: pointer;
                        position: relative;
                        margin-bottom: 20px;

                        &:after {
                            top: 50%;
                            right: 10px;
                            content: '';
                            width: 50px;
                            height: 50px;
                            transition: 0.6s;
                            position: absolute;
                            background-size: contain;
                            transform: translateY(-50%);
                            background-repeat: no-repeat;
                            background-image: url(../images/home/ddIcon.png);
                        }

                        .keyIcon {
                            width: 50px;

                            img {
                                width: 100%;
                            }
                        }

                        h6 {
                            margin-bottom: 0;
                            padding-left: 20px;
                            width: calc(100% - 50px);
                            color: #064B44 !important;
                        }

                        &.active {
                            &:after {
                                transform: translateY(-50%) rotate(180deg);
                            }
                        }
                    }
                }
            }

            .keyContDiv {
                .keyContTop {
                    padding-bottom: 0;
                }
            }
        }
    }
}

.keyBigImg {
    width: 100%;
    height: 360px;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
        object-position: bottom;
    }
}

.valueSec {
    .keyHighlightsLt {
        ul {
            li {
                padding: 8px 10px;

                span {
                    font-size: 16px;
                }
            }
        }
    }

    .keyHighlightsRt {
        height: 700px;
        padding: 30px;
        overflow: hidden;
        border-radius: 30px;

        .listContBox {
            .tab_content {
                height: 100%;
                width: 100%;

                .valueCont {
                    height: 100%;
                    width: 100%;

                    .keyContDiv {
                        height: 100%;
                        width: 100%;

                        .keyContBtm {
                            height: 640px;
                            width: 100%;

                            .row {
                                height: 100%;
                                flex-wrap: wrap;
                                align-items: center;
                                flex-direction: column;
                                row-gap: 20px;
                                /* justify-content: space-between; */

                                .col_1,
                                .col_2 {
                                    flex: 0 0 auto;
                                }

                                .col_2 {
                                    display: flex;
                                    flex-wrap: wrap;

                                    h5 {
                                        width: 100%;
                                    }

                                    .arrowList {
                                        width: 60%;
                                        column-count: 2;
                                        padding-right: 20px;
                                    }

                                    .eachIconHWrap {
                                        width: 40%;
                                        display: flex;
                                        flex-wrap: wrap;
                                        padding-left: 20px;
                                        /* flex-direction: column; */
                                        border-left: 1px solid #fff;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.s03 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;

    .hAccWrap {
        gap: 20px;
        align-items: stretch;
    }

    .hAccPanel {
        overflow: hidden;
        position: relative;
        border-radius: 25px;
        flex: 0 0 110px;
        min-width: 110px;
        transition: flex-grow 0.8s cubic-bezier(0.65, 0, 0.35, 1), border-radius 0.8s cubic-bezier(0.65, 0, 0.35, 1);

        &.hAccPanel_1 {
            background-color: #BFDFB5;
        }

        &.hAccPanel_2 {
            background-color: #064B44;

            .hAccTabTxt {
                color: #fff;
            }
        }

        &.active {
            flex-grow: 1;
            border-radius: 30px;
            cursor: default;

            .hAccTab {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
            }

            .hAccBody {
                opacity: 1;
                height: 100%;
                display: flex;
                align-items: center;
                visibility: visible;
                transition-delay: 0.35s;
            }
        }
    }

    .hAccTab {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        border: 0;
        padding: 40px 0;
        cursor: pointer;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        transition: opacity 0.4s;

        .hAccTabTxt {
            gap: 10px;
            display: flex;
            align-items: center;
            white-space: nowrap;
            writing-mode: vertical-rl;
            transform: rotate(180deg);
            color: #064B44;

            small {
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 2px;
                opacity: 0.75;
                text-transform: uppercase;
            }

            strong {
                font-size: 30px;
                font-weight: 600;
                letter-spacing: 0.075em;
            }
        }
    }

    .hAccBody {
        opacity: 0;
        visibility: hidden;
        width: min(1590px, calc(100vw - 177px));
        transition: opacity 0.4s, visibility 0.4s;

        .col_inner {
            /* padding: 70px 80px; */
            padding: 40px 50px;
        }
    }

    .caseList {
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
        align-items: center;
        justify-content: space-between;

        li {
            border: 1px solid #59BA47;
            margin-bottom: 0 !important;
            border-radius: 10px;
            padding: 20px;
            height: 80px;

            strong {
                font-size: 16px;
                font-weight: 600;
                text-align: center;
            }
        }
    }

    @media (max-width: 991px) {
        .hAccWrap {
            flex-direction: column;
        }

        .hAccPanel {
            flex: 1 1 auto;
            border-radius: 15px !important;
        }

        .hAccTab {
            display: none;
        }

        .hAccBody {
            width: 100%;
            opacity: 1;
            visibility: visible;

            .col_inner {
                padding: 40px 25px;
            }
        }

        .caseList {
            li {
                width: 100%;
                height: auto;
            }
        }
    }
}

.mDividor {
    overflow: hidden;

    .mDividorScroll {
        padding: 50px 0;
        width: max-content;
        will-change: transform;
        animation: mDividorMarquee 25s linear infinite;
    }

    .mDividorTrack {
        flex-shrink: 0;
        white-space: nowrap;
    }

    h2 {
        text-transform: uppercase;
    }

    &:hover .mDividorScroll {
        animation-play-state: paused;
    }
}

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

    100% {
        transform: translateX(-50%);
    }
}

/* md section */
.mdSec {
    position: relative;

    .mdTop {
        position: absolute;
        right: 0px;
        top: 125px;
        z-index: 2;

        ul.tabs {
            gap: 20px;

            li {
                min-width: 250px;
                text-align: center;
                overflow: hidden;
                border-radius: 10px 0 0 10px;
                background-color: #fff;
                color: #000;
                font-size: 16px;
                font-weight: 400;
                cursor: pointer;
                position: relative;
                transition: all 0.5s;
                margin-bottom: 0;
                display: flex;
                align-items: center;
                transform: translateX(90px);

                img {
                    display: inline-block;
                    height: 65px;
                    width: 75px;
                    object-fit: cover;
                    border-radius: 10px;
                    object-position: center top;
                }

                span {
                    padding: 10px 20px 10px 15px;
                    display: inline-block;
                    font-weight: 600;
                    font-size: 16px;
                }

                &:hover,
                &.active {
                    background-color: #064B44;
                    color: #fff;
                    font-weight: 500;
                    border-radius: 10px 0 0 10px;
                    transform: translateX(15px);
                }

                &:not(:last-child) {
                    margin-bottom: 15px;
                }
            }
        }
    }

    .mdSecInn {
        .imgBoxMain {
            height: 660px;
            overflow: hidden;

            img {
                height: 100%;
                object-fit: cover;
                object-position: center top;
            }
        }
    }
}

/* platform section */
.platformSec {
    position: relative;

    .platformTop {
        z-index: 2;
        left: 0;
        margin-bottom: 30px;

        ul.tabs {
            gap: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;

            li {
                min-width: 190px;
                text-align: center;
                border-radius: 10px;
                border: 1px solid rgba(0, 0, 0, 0.25);
                color: #000;
                font-size: 16px;
                font-weight: 400;
                padding: 12px 20px;
                cursor: pointer;
                position: relative;
                transition: all 0.5s;
                margin-bottom: 0;

                &:hover,
                &.active {
                    background-color: #064B44;
                    color: #fff;
                    font-weight: 500;
                }
            }
        }
    }

    .platformSecInn {
        .platformSlider {
            padding: 0px 40px 0px;

            .platformSlide {
                padding: 0px 15px;
                overflow: hidden;
                height: 590px;
            }
        }
    }

    .tab_content {
        .bgWrap {
            height: calc(100vh - 180px);
            padding: 50px 30px;
            overflow: hidden;
            border-radius: 50px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;

            &::before {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                content: '';
                position: absolute;
                pointer-events: none;
                background: #064B44;
                background: linear-gradient(180deg, #064B44 26%, #064B4400 100%);
            }

            .bgWrapInner {
                z-index: 2;
                position: relative;
            }

            .milestoneWrap {
                /* padding: 80px 30px; */
                padding: 50px 30px;
                border-radius: 50px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                position: relative;
                height: calc(100vh - 230px);
            }
        }
    }


    .milestone-page {
        background-color: #eff7ed;
    }

    .milestoneItem {
        background-color: #fff;
        border: 2px dashed #064b44;
        border-radius: 20px;
        padding: 20px;
    }

    /* .section_2 {
        height: 100vh;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;

        .mileStoneBgImg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center;
            }
        }
    } */

    .milestoneWrap {
        position: relative;
        z-index: 1;
        padding: 0 30px;
        width: 100%;

        .milestoneInner {
            /* display: flex;
            flex-wrap: nowrap;
            gap: 30px;
            width: max-content;
            will-change: transform; */

            .mileStoneItem {
                width: 340px;
                flex: 0 0 340px;

                p {
                    color: #fff;
                }

                .milestoneBoxInner {
                    /* min-height: 280px; */
                    min-height: 270px;
                    padding: 20px;
                    background-image: linear-gradient(to bottom, #074b44 0 50%, #fdfdfd00 100% 100%) !important;

                    &:last-child {
                        background-image: linear-gradient(to bottom, #074b4400 0 50%, #fdfdfd00 100% 100%) !important;
                    }
                }

                &:nth-child(even) {
                    .milestoneBox {
                        display: flex;
                        flex-direction: column-reverse;
                        gap: 50px;

                        .milestoneBoxInner {
                            display: flex;
                            align-items: flex-end;
                            background-image: linear-gradient(to top, #074b44 0 50%, #074b4459 100% 100%) !important;

                            &:last-child {
                                background-image: none !important;
                            }
                        }
                    }
                }
            }

            .slick-prev {
                left: -55px;
            }

            .slick-next {
                right: -55px;
            }
        }
    }

    .milestoneSec {
        .bgWrap {
            height: auto;
            padding: 0px;
            overflow: visible;
        }
    }
}

/* bod section */
.bodSec {
    position: relative;
    border-bottom: 18px solid #DFEFDD;

    &:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 1px;
        border: 1px dashed var(--greenDk);
    }

    .bodTop {
        position: absolute;
        right: 55px;
        top: 65px;
        z-index: 2;
        left: 55px;

        ul.tabs {
            gap: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;

            li {
                min-width: 190px;
                text-align: center;
                border-radius: 10px;
                border: 1px solid rgba(0, 0, 0, 0.25);
                color: #000;
                font-size: 16px;
                font-weight: 400;
                padding: 12px 20px;
                cursor: pointer;
                position: relative;
                transition: all 0.5s;
                margin-bottom: 0;

                &:hover,
                &.active {
                    background-color: #064B44;
                    color: #fff;
                    font-weight: 500;
                }
            }
        }
    }

    .bodSecInn {
        .bodSlider {
            padding: 0px 0px 0px;

            .bodSlide {
                padding: 0px 15px;
                overflow: hidden;
                height: 480px;

                .bodCard {
                    position: relative;
                    border: 18px solid #DFEFDD;
                    border-right: 0;
                    border-top: 0;
                    height: 100%;
                    border-radius: 0 30px 0 15px;
                    background-color: transparent;

                    &::after {
                        content: '';
                        position: absolute;
                        bottom: -10px;
                        left: -10px;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        border-radius: 0 0 0 15px;
                        border: 2px dashed #053e4d;
                        border-right: 0;
                        border-top: 0;
                    }

                    .bodCardInn {
                        display: flex;
                        width: 100%;
                        height: 100%;
                        transition: 0.3s;
                        position: relative;
                        background: #ffffff;
                        transform-style: preserve-3d;
                        backface-visibility: hidden;
                        -moz-backface-visibility: hidden;
                        position: relative;
                        z-index: 2;

                        .imgWrap {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            transition: 0.3s;
                            z-index: 2;
                            background-color: #fff;

                            .bodImg {
                                display: flex;
                                flex-wrap: wrap;
                                margin-bottom: 0px;
                                width: 100%;
                                height: 360px;
                                background-color: #DFEFDD;
                                border-radius: 0px 30px 30px 0;
                                overflow: hidden;

                                img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    padding: 10px 0 0 0;
                                    object-position: top;
                                }
                            }

                            .bodTxtTop {
                                padding: 10px;
                                background-color: #fff;
                                h4{
                                    line-height: 1.2;
                                    font-size: 20px !important;
                                }
                                p{
                                    font-size: 14px;
                                    line-height: 1.2;
                                }
                            }
                        }

                        .bodTxt {
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            width: 100%;
                            height: 100%;
                            z-index: 1;
                            transition: 0.6s;
                            position: absolute;
                            overflow: hidden;
                            border-radius: 0 30px 0 0;
                            transform: rotateY(180deg);
                            background-color: #fff;

                            .bodTxtInner {
                                width: 100%;
                                height: 100%;
                                overflow-y: auto;
                                display: flex;
                                padding: 20px 10px;
                                justify-content: center;
                                align-items: center;
                                flex-direction: column;
                                background-color: #DFEFDD;

                                .bodTxtTop {
                                    h4{
                                        line-height: 1.2;
                                        font-size: 20px !important;
                                    }
                                    p{
                                        font-size: 14px;
                                        line-height: 1.2;
                                    }
                                }

                                .bodTxtInn {
                                    overflow-y: auto;
                                    padding-right: 8px;

                                    p {
                                        font-size: 14px;
                                    }
                                }
                            }
                        }
                    }

                    &:hover {
                        .bodCardInn {
                            backface-visibility: visible;
                            transform: rotateY(180deg);

                            .bodTxt {
                                z-index: 10;
                            }
                        }
                    }
                }
            }

            .slick-prev {
                left: -50px;
            }

            .slick-next {
                right: -50px;
            }
        }

    }
}

/* performance */
.performanceSec {
    .comm_col {
        /* max-width: 315px; */
        max-width: 20%;

        .imgBox {
            height: 340px;
            padding: 10px;
            border-radius: 20px;
            box-shadow: 0 0 10px #58ba472d;

            img {
                object-fit: contain;
            }
        }

        &:nth-child(odd) {
            img {
                overflow: hidden;
                border-radius: 10px;
                background-color: #f2f9f1;
            }
        }
    }
}

.safetySec {
    .container-home {
        z-index: 2;
        position: relative;
        padding: 100px 0 !important;
    }

    .rgtBox {
        right: 0;
        top: 110px;
        bottom: 110px;
        width: 70%;
        height: 1052px;
        position: absolute;

        .imgBox {
            height: 100%;

            figure {
                height: 100%;
                overflow: hidden;
                border-radius: 20px 0 0 20px;

                img {
                    height: 100%;
                }
            }
        }

        .imgCont {
            left: 450px;
            right: 15px;
            bottom: 130px;
            position: absolute;

            .imgList {
                display: flex;
                align-items: center;

                li {
                    line-height: 1;
                    font-size: 26px;
                    color: #BFDFB5;
                    font-weight: 700;
                    margin-bottom: 0 !important;

                    &:not(:last-child) {
                        margin-right: 20px;
                        padding-right: 20px;
                        border-right: 1px solid #fff;
                    }
                }
            }
        }
    }
}

.bgBox {
    position: relative;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.esgSec {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.mobView {
    display: none;
}

.comm_col {
    gap: 20px;
}

.mapSec {
    .mapSecInn {
        .mapPointerDiv {
            .mapPointerDivInn {
                display: flex;
                align-items: center;

                &:not(:last-child) {
                    margin-bottom: 15px;
                }

                .mapPointerColour {
                    width: 40px;
                    position: relative;
                    height: 2px;
                    background-color: #59ba47;

                    &::before {
                        content: '';
                        position: absolute;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        background-color: #59ba47;
                    }

                    &::after {
                        content: '';
                        position: absolute;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        background-color: #59ba47;
                    }

                    &.sky {
                        background-color: #00aeef;

                        &::before,
                        &::after {
                            background-color: #00aeef;
                        }
                    }

                    &.orange {
                        background-color: #faa21b;

                        &::before,
                        &::after {
                            background-color: #faa21b;
                        }
                    }

                    &.dGreen {
                        background-color: #255f2b;

                        &::before,
                        &::after {
                            background-color: #255f2b;
                        }
                    }
                }

                p {
                    font-size: 16px;
                    width: calc(100% - 40px);
                    padding-left: 10px;
                }
            }
        }
    }
}

/* -------Responsive------ */
@media only screen and (max-width: 1746px) {
    .platformSec {
        .tab_content {
            .bgWrap {
                .col_2{
                    .imgBox{
                        height: 530px;
                        img{
                            object-fit: contain;
                        }
                    }
                }
            }
        }
    }
}
@media only screen and (max-width: 1680px) {
    .bodSec {
        .bodSecInn {
            .bodSlider {
                padding-bottom: 50px;

                .slick-arrow {
                    top: auto !important;
                    bottom: -10px !important;
                    transform: none !important;

                    &.slick-prev {
                        left: calc(50% - 60px) !important;
                    }

                    &.slick-next {
                        right: calc(50% - 60px) !important;
                    }
                }
            }
        }
    }

    .platformSec {
        .milestoneWrap {
            .milestoneInner {
                .slick-prev {
                    border: 2px solid #fff;
                    left: -30px;
                }

                .slick-next {
                    border: 2px solid #fff;
                    right: -30px;
                }
            }
        }
    }

    .safetySec {
        .rgtBox {
            height: 952px;

            .imgCont {
                left: 350px;

                .imgList {
                    li {
                        font-size: 18px;
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 1600px) {
    .secH {
        font-size: 60px;
        line-height: 1.1;
        margin-bottom: 20px;
    }

    .mdSec {
        .mdTop {
            ul.tabs {
                li {
                    &:not(:last-child) {
                        margin-bottom: 10px;
                    }
                }
            }
        }

        .mdSecInn {
            .imgBoxMain {
                height: 500px;
            }
        }
    }

    .platformSec {
        .tab_content {
            .bgWrap {
                .milestoneWrap {
                    padding: 20px 30px;

                    .milestoneInner {
                        .mileStoneItem {
                            .milestoneBoxInner {
                                min-height: 225px;
                            }
                        }
                    }
                }
            }
        }
    }

    .bodSec {
        .bodSecInn {
            .bodSlider {
                .bodSlide {
                    height: 530px;

                    .bodCard {
                        .bodCardInn {
                            .imgWrap {
                                .bodImg {
                                    height: 400px;

                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .bodSec {
        .bodTop {
            top: 40px;
        }
    }

    .esgSec,
    .valueSec {
        .keyHighlightsLt {
            .textWrap {
                .textWrapInn {
                    height: 240px;
                    overflow-y: auto;
                }
            }
        }

        .keyHighlightsRt {
            .esgAcc {
                padding: 20px 25px;
            }

            .keyAcc {
                .keyCont {
                    .keyContDiv {
                        .keyContTop {
                            padding: 10px;
                            padding-bottom: 10px;
                        }

                        .keyContBtm {
                            height: 455px;
                        }
                    }
                }
            }
        }
    }

    .safetySec {
        .rgtBox {
            height: 832px;
        }
    }

    .valueSec {
        .keyHighlightsLt {
            .keyHighlightsLtInn {
                height: 400px;
                overflow-y: auto;
                margin-bottom: 20px;
            }
        }

        .keyHighlightsRt {
            height: 520px;

            .listContBox {
                .tab_content {
                    .valueCont {
                        .keyContDiv {
                            .keyContBtm {
                                height: 480px;
                            }
                        }
                    }
                }
            }
        }
    }

    .mapSec {
        .fz_32 {
            font-size: 26px !important;
        }
    }

}

@media only screen and (max-width: 1536px) {

    p,
    ul li {
        font-size: 16px;
    }

    .fz_15 {
        font-size: 13px !important;
    }

    .secH {
        font-size: 48px;
    }

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

    .keyHighlights,
    .excellenceSec,
    .esgSec,
    .valueSec {
        .keyHighlightsLt {
            ul {
                li {
                    padding: 10px 10px;

                    span {
                        font-size: 20px;
                    }
                }
            }
        }

        .keyHighlightsRt {
            .keyAcc {
                padding: 20px 25px;

                .keyCont {
                    .keyContDiv {
                        .keyContTop {
                            padding-bottom: 15px;
                        }

                        .keyContBtm {
                            h3 {
                                font-size: 20px;
                                margin-bottom: 10px;
                            }
                        }
                    }
                }
            }
        }
    }

    .keyHighlights,
    .excellenceSec,
    .esgSec,
    .valueSec {
        .keyHighlightsLt {
            .keyHighlightsLtInn {
                max-height: 485px;
                overflow-y: auto;
                margin-bottom: 20px;
            }

            ul {
                margin-bottom: 0 !important;

                li {
                    padding: 5px 10px;

                    span {
                        font-size: 14px;
                    }
                }
            }
        }

        .keyHighlightsRt {
            .listContBox {
                .tab_content {
                    .valueCont {
                        .keyContDiv {
                            .keyContBtm {
                                height: 510px;
                            }
                        }
                    }
                }
            }
        }
    }

    .eachIconH {
        .numMain {
            font-size: 28px;

            .counterText {
                font-size: 36px;
            }
        }
    }

    .mdSec {
        .mdSecInn {
            .imgBoxMain {
                height: 550px;
            }
        }
    }

    .bodSec {
        .bodSecInn {
            .bodSlider {
                .bodSlide {
                    height: 420px;

                    .bodCard {
                        .bodCardInn {
                            .imgWrap {
                                .bodImg {
                                    height: 300px;
                                }
                            }

                            .bodTxt {
                                .bodTxtInner {
                                    padding: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .safetySec {
        .rgtBox {
            height: 732px;
        }
    }

    .esgSec {
        .keyHighlightsLt {
            .keyHighlightsLtInn {
                margin-bottom: 15px !important;
            }

            .textWrapInn {
                max-height: 390px;
                overflow-y: auto;
            }
        }

        .keyHighlightsRt {
            height: 560px;

            .keyAcc {
                .keyCont {
                    .keyContDiv {
                        .keyContTop {
                            padding: 10px;
                            padding-bottom: 10px;

                            .keyIcon {
                                width: 48px;
                                height: 48px;
                            }

                            h6 {
                                font-size: 24px;
                            }
                        }

                        .keyContBtm {
                            height: 488px;
                        }
                    }
                }
            }
        }
    }

    ::-webkit-scrollbar {
        width: 5px;
    }

    .mapSec {
        .mapSecInn {
            .mapPointerDiv {
                .mapPointerDivInn {
                    p {
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .platformSec {
        .tab_content {
            .bgWrap {
                .col_2{
                    .imgBox{
                        height: 440px;
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 1366px) {
    .fz_15 {
        font-size: 13px !important;
    }

    .sec-eyebrow {
        font-size: 14px;
        margin-bottom: 10px !important;
    }

    .secH {
        margin-bottom: 15px !important;
    }

    p,
    ul li {
        font-size: 14px;
    }

    .banInnVdo {
        .bannerCont {
            .bannerContInn {
                .bannerTle {
                    font-size: 45px;
                    margin-bottom: 0;
                    padding-bottom: 0;

                    span {
                        font-size: 38px;
                    }
                }
            }
        }
    }

    .commonSec {
        padding: 50px 0px;
    }

    .keyHighlights,
    .excellenceSec,
    .esgSec,
    .valueSec {
        .keyHighlightsLt {
            ul {
                li {
                    padding: 10px 10px;

                    span {
                        font-size: 18px;
                    }
                }
            }
        }

        .keyHighlightsRt {
            .keyAcc {
                .keyCont {
                    .keyContDiv {
                        .keyContTop {
                            padding-bottom: 10px;

                            .keyIcon {
                                width: 50px;
                                height: 50px;
                            }

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

                        .keyContBtm {
                            height: 385px;
                            overflow-y: auto;
                        }
                    }
                }
            }
        }
    }

    .esgSec,
    .valueSec {
        .keyHighlightsLt {
            .keyHighlightsLtInn {
                max-height: 440px;
            }
        }

        .keyHighlightsRt {
            .listContBox {
                .tab_content {
                    .valueCont {
                        .keyContDiv {
                            .keyContBtm {
                                height: 660px;
                            }
                        }
                    }
                }
            }
        }

        .eachIconH {
            .numMain {
                .counterText {
                    font-size: 34px;
                }

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

    .s03 {
        .hAccPanel {
            flex: 0 0 70px;
            min-width: 70px;
        }

        .hAccTab {
            .hAccTabTxt {
                strong {
                    font-size: 24px;
                }
            }
        }

        .hAccBody {
            .col_inner {
                padding: 25px 30px;
            }
        }

        .caseList {
            li {
                padding: 10px;
                height: 60px;

                strong {
                    font-size: 14px;
                }
            }
        }
    }

    .mdSec {
        .mdTop {
            top: 85px;

            ul.tabs {
                li {
                    transform: translateX(110px);

                    &:not(:last-child) {
                        margin-bottom: 6px;
                    }

                    &:hover,
                    &.active {
                        transform: translateX(55px);
                    }

                    img {
                        height: 50px;
                        width: 55px;
                        border-radius: 5px;
                    }

                    span {
                        font-size: 14px;
                    }
                }
            }
        }

        .mdSecInn {
            padding-right: 130px !important;

            .imgBoxMain {
                height: 430px;
            }

            .quoteBox {
                padding: 20px 35px;

                &:before,
                &:after {
                    width: 25px;
                    height: 30px;
                }
            }

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

                .mb_05 {
                    font-size: 14px;
                }
            }
        }

        .mdCont {
            .headingWrap {
                h2 {
                    font-size: 30px !important;
                }
            }

            .quoteBox {
                p {
                    font-size: 16px !important;
                }
            }
        }
    }

    .platformSec {
        .tab_content {
            .bgWrap {
                border-radius: 30px;

                .milestoneWrap {
                    padding: 30px 30px;
                    border-radius: 30px;
                    height: calc(100vh - 180px);
                    background-position: 0px -140px;

                    .milestoneInner {
                        .slick-prev {
                            left: -45px;
                        }

                        .slick-next {
                            right: -45px;
                        }

                        .mileStoneItem {
                            .milestoneBoxInner {
                                min-height: 175px;

                                .innerText {
                                    .fz_34 {
                                        font-size: 20px !important;
                                        margin-bottom: 10px !important;
                                    }

                                    p {
                                        font-size: 14px;
                                    }

                                    .arrowList {
                                        li {
                                            font-size: 14px;

                                            &:before {
                                                top: 5px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

    }

    .readMoreBtn {
        span {
            width: 44px;
            height: 44px;
            padding: 10px;
            border-radius: 5px;
        }

        strong {
            height: 44px;
            border-radius: 5px;
            font-size: 14px !important;
        }
    }

    .bodSec {
        .bodTop {
            right: 0px;
            top: 30px;
            left: 20px;

            ul.tabs {
                li {
                    font-size: 14px;
                    padding: 8px 10px;
                }
            }
        }

        .bodSecInn {
            .bodSlider {
                .slick-prev {
                    left: 0;
                }

                .slick-next {
                    right: 0;
                }

                .bodSlide {
                    height: 480px;

                    .bodCard {
                        .bodCardInn {
                            .bodTxt {
                                .bodTxtInner {
                                    .bodTxtTop {
                                        .fz_24 {
                                            font-size: 20px !important;

                                            &+p {
                                                font-size: 14px;
                                            }
                                        }
                                    }
                                }
                            }

                            .imgWrap {
                                .bodImg {
                                    height: 360px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .performanceSec {
        .comm_col {
            /* max-width: 271px; */
        }
    }

    .excellenceSec {
        &:before {
            background: linear-gradient(180deg, #bfdfb5 20%, #bfdfb520 130%);
        }

        .circularList {
            li {
                .listTitle {
                    font-size: 14px !important;
                    padding: 0 0 0px 25px;
                    width: calc(100% - 52px);
                }

                .listHead {
                    figure {
                        width: 52px;
                        height: 52px;
                        padding: 12px;
                    }
                }
            }
        }
    }

    .safetySec {
        .rgtBox {
            top: 50px;
            bottom: 50px;
            height: 712px;

            .imgCont {
                left: 310px;

                h3 {
                    font-size: 28px;
                }

                .imgList {
                    li {
                        font-size: 16px;

                        &:not(:last-child) {
                            margin-right: 10px;
                            padding-right: 10px;
                        }
                    }
                }
            }

        }
    }

    .esgSec {
        .keyHighlightsLt {
            .textWrapInn {
                max-height: 240px;
            }
        }

        .keyHighlightsRt {
            .esgAcc {
                .keyContTop {
                    padding: 10px;

                    .keyIcon {
                        width: 50px;
                        height: 50px;
                        margin-right: 15px;
                    }
                }

                .ddMenu {
                    li {
                        .ddHead {
                            .keyIcon {
                                width: 40px;
                            }

                            h6 {
                                width: calc(100% - 40px);
                            }

                            &:after {
                                width: 40px;
                                height: 40px;
                            }
                        }
                    }
                }
            }
        }

        .eachIconH {
            .numMain {
                .counterText {
                    font-size: 30px;
                }

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

                .fz_40 {
                    font-size: 30px !important;
                }
            }

            .fz_18 {
                font-size: 14px !important;
            }
        }
    }

    .valueSec {
        .keyHighlightsRt {
            height: 520px;

            .listContBox {
                .tab_content {
                    .valueCont {
                        .keyContDiv {
                            .keyContBtm {
                                height: 460px;
                            }
                        }
                    }
                }
            }
        }
    }

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

        .mapSecInn {
            .mapPointerDiv {
                .mapPointerDivInn {
                    p {
                        font-size: 12px;
                    }
                }
            }
        }
    }

}

@media only screen and (max-width: 1280px) {
    .secH {
        font-size: 30px;
        line-height: 1.1;
    }

    .headingWrap.mb_30 {
        margin-bottom: 15px !important;
    }

    .keyHighlights,
    .excellenceSec,
    .esgSec,
    .valueSec {
        .keyHighlightsLt {
            ul {
                li {
                    span {
                        font-size: 14px;
                        padding: 8px 10px 8px 10px
                    }

                    &:hover,
                    &.active {
                        span {
                            padding: 8px 10px 8px 55px;
                        }
                    }
                }
            }
        }

        .keyHighlightsLt {
            .keyHighlightsLtInn {
                max-height: 340px;
            }
        }

        .keyHighlightsRt {
            .listContBox {
                .tab_content {
                    .valueCont {
                        .keyContDiv {
                            .keyContBtm {
                                height: 420px;
                            }
                        }
                    }
                }
            }

            .keyAcc {
                .keyCont {
                    .keyContDiv {
                        .keyContBtm {
                            height: 335px;
                        }
                    }
                }
            }
        }
    }

    .keyHighlights {
        .keyHighlightsLt {
            .textWrap {
                .textWrapInn {
                    height: 125px;
                }
            }
        }
    }

    .bodSec {
        .bodSecInn {
            .bodSlider {
                .bodSlide {
                    height: 390px;

                    .bodCard {
                        .bodCardInn {
                            .imgWrap {
                                .bodImg {
                                    height: 290px;
                                }

                                .bodTxtTop {
                                    .fz_24 {
                                        font-size: 18px !important;

                                        &+p {
                                            font-size: 14px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .performanceSec {
        .comm_col {
            .imgBox {
                height: 270px;
            }
        }
    }

    .valueSec {
        .keyHighlightsRt {
            height: 460px;
        }
    }

    .excellenceSec,
    .esgSec,
    .valueSec {}

    .platformSec {
        .platformTop {
            margin-bottom: 10px;

            ul.tabs {
                li {
                    font-size: 14px;
                    padding: 8px 20px;
                }
            }
        }

        .tab_content {
            .bgWrap {
                .milestoneWrap {
                    height: calc(100vh - 150px);
                    background-position: 0px -140px;
                }
            }
        }
        
        .tab_content {
            .bgWrap {
                .col_2{
                    .fz_32 {
                        font-size: 24px !important;
                        margin-bottom: 10px !important;
                    }
                    .imgBox{
                        height: 340px;
                    }
                }
            }
        }
    }

    .safetySec {
        .container-home {
            padding: 60px 15px !important;
        }

        .rgtBox {
            top: 60px;
            bottom: 60px;
            height: 652px;

            .imgCont {
                left: 290px;
                bottom: 80px;
            }
        }
    }

    .esgSec {
        .keyHighlightsLt {
            .textWrapInn {
                max-height: 240px;
            }
        }

        .keyHighlightsRt {
            .keyAcc {
                .keyCont {
                    .keyContDiv {
                        .keyContBtm {
                            height: 378px;
                        }
                    }
                }
            }

            .esgAcc {
                .ddMenu {
                    li {
                        margin-bottom: 15px !important;

                        .ddHead {
                            margin-bottom: 15px;
                        }

                        .ul {
                            padding-bottom: 15px;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 1090px) {
    .s03 {
        .hAccPanel {
            flex: 0 0 70px;
            min-width: 70px;
        }

        .hAccTab {
            .hAccTabTxt {
                strong {
                    font-size: 24px;
                }
            }
        }
    }
}

@media only screen and (max-width: 1060px) {
    .safetySec {
        .rgtBox {
            .imgCont {
                left: 230px;
            }
        }
    }
}

@media only screen and (max-width: 1024px) {
    .secH {
        margin-bottom: 20px !important;

        br {
            display: none;
        }
    }

    ::-webkit-scrollbar {
        width: 3px;
    }

    .tp_fade_bottom {
        translate: none !important;
        rotate: none !important;
        scale: none !important;
        opacity: 1 !important;
        transform: translate(0px, 0px) !important;
    }

    .fz_15,
    .fz_14 {
        font-size: 13px !important;
    }

    .banInnVdo {
        .bannerCont {
            .bannerContInn {
                left: 15px;
                right: 15px;
                width: auto;

                .bannerTle {
                    font-size: 50px;
                    margin-bottom: 0;
                    padding-bottom: 0;

                    span {
                        font-size: 40px;
                    }
                }
            }
        }
    }

    .commonSec {
        padding: 60px 0px;
    }

    .listContBox {
        .tab_content {
            .accTrigger {
                font-size: 24px !important;
            }
        }
    }

    .keyHighlights {
        .col_1 {
            display: none;
        }

        .col_2 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;

            .keyHighlightsRt {
                .listContBox {
                    .tab_content {
                        padding: 0;
                        display: block;

                        &:not(:last-child) {
                            margin-bottom: 15px;
                        }

                        .accTrigger {
                            display: block;
                            cursor: pointer;
                            margin-bottom: 0;
                        }

                        .accCont {
                            display: none;
                            padding: 20px 15px;

                            .keyContBtm {
                                height: auto;
                                overflow-y: visible;

                                .resView {
                                    display: block;
                                }
                            }
                        }

                        &.active {
                            .accCont {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }

    .s03 {
        .hAccTab {
            display: none !important;
        }

        .hAccWrap {
            display: block !important;
        }

        .hAccBody {
            visibility: visible;
            width: 100%;
            opacity: 1;

            .col_inner {
                padding: 30px 15px;
            }
        }

        .hAccPanel {
            flex-grow: 1;
            cursor: default;
            border-radius: 15px;

            &:not(:last-child) {
                margin-bottom: 20px;
            }

            &.active {
                flex-grow: 1;
                cursor: default;
                border-radius: 15px;
            }
        }

        .whiteBox {
            .readMoreBtn {
                justify-content: center;
            }
        }
    }

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

        .mdTop {
            display: none;
        }

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

        .mdBtm {
            .listContBox {
                padding-right: 0 !important;

                .tab_content {
                    display: block;

                    &:not(:last-child) {
                        margin-bottom: 20px;
                    }

                    .accTrigger {
                        display: block;
                        cursor: pointer;
                        line-height: 1.2;
                    }

                    .accCont {
                        display: none;

                        .headingWrap {
                            display: none;
                        }
                    }

                    &.active {
                        .accCont {
                            display: block;
                        }
                    }
                }
            }

            .imgWrap {
                /* margin-bottom: 15px; */
                width: 40%;

                .imgBoxMain {
                    height: 520px;
                }
            }

            .mdTxt {
                width: 60%;
            }
        }
    }

    .mobView {
        display: block;
    }

    .platformSec {
        .secH {
            &.mobView {
                text-align: center;
            }
        }

        .platformTop {
            display: none;
        }

        .platformBtm {
            .listContBox {
                padding-right: 0 !important;

                .tab_content {
                    display: block;

                    &:not(:last-child) {
                        margin-bottom: 20px;
                    }

                    .accTrigger {
                        display: block;
                        cursor: pointer;
                        margin-bottom: 0;
                    }

                    .accCont {
                        display: none;
                    }

                    &.active {
                        .accCont {
                            display: block;
                        }
                    }
                }
            }

            .tab_content {
                .bgWrap {
                    margin-top: 10px;
                    padding: 20px 15px;
                    border-radius: 0 0 20px 20px;

                    .sec-eyebrow {
                        display: none;
                    }
                }
            }

            .imgWrap {
                /* margin-bottom: 15px; */
                width: 40%;

                .imgBoxMain {
                    height: 520px;
                }
            }

            .mdTxt {
                width: 60%;
            }
        }

        .milestoneWrap {
            .milestoneInner {
                .slick-prev {
                    left: -30px;
                }

                .slick-next {
                    right: -30px;
                }
            }
        }

        .tab_content {
            .bgWrap {
                height: auto;
                .bgWrapInner_1{
                    .row{
                        flex-direction: column;
                        .col_1{
                            -ms-flex: 0 0 100%;
                            flex: 0 0 100%;
                            max-width: 100%;
                            margin-bottom: 20px;
                        }
                        .col_2{
                            -ms-flex: 0 0 100%;
                            flex: 0 0 100%;
                            max-width: 100%;
                        }
                    }
                }
                .milestoneWrap {
                    height: auto;
                    border-radius: 15px;
                    background-position: top center;
                }
            }
        }
    }

    .slick-arrow {
        width: 40px;
        height: 40px;

        &:after {
            width: 22px;
            height: 13px;
        }
    }

    .bodSec {
        position: relative;
        padding-top: 70px !important;

        &:before {
            top: 0;
            left: 0;
            right: 0;
            content: '';
            height: 20px;
            position: absolute;
            background-image: url(../images/roadBg3.jpg);
            background-repeat: repeat-x;
            background-size: contain;
        }

        .secH {
            &.mobView {
                text-align: center;
            }
        }

        .bodTop {
            display: none;
        }

        .bodBtm {
            .listContBox {
                padding-right: 0 !important;

                .tab_content {
                    display: block;

                    &:not(:last-child) {
                        margin-bottom: 20px;
                    }

                    .accTrigger {
                        display: block;
                        cursor: pointer;
                        margin-bottom: 0;
                    }

                    .accCont {
                        display: none;

                        .headingWrap {
                            display: none;
                        }
                    }

                    &.active {
                        .accCont {
                            display: block;
                        }
                    }
                }
            }
        }

        .bodSecInn {
            .bodSlider {
                padding: 0px 0px 40px;

                .slick-arrow {
                    top: auto;
                    transition: none;
                    bottom: -30px;

                    &.slick-prev {
                        left: calc(50% - 50px);
                    }

                    &.slick-next {
                        right: calc(50% - 50px);
                    }
                }

                .bodSlide {
                    height: auto;

                    .bodCard {
                        .bodCardInn {
                            transform: none !important;

                            .imgWrap {
                                position: static !important;
                                width: 340px;

                                .bodImg {
                                    border-radius: 0;
                                    height: 100%;
                                }

                                .bodTxtTop {
                                    display: none;
                                }
                            }

                            .bodTxt {
                                border-radius: 0;
                                height: auto !important;
                                position: static !important;
                                transform: none !important;
                                width: calc(100% - 340px);

                                .bodTxtInner {
                                    align-items: flex-start;
                                    padding: 20px 10px;

                                    .bodTxtTop {}

                                    .bodTxtInn {
                                        max-height: 280px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .performanceSec {
        .comm_col {
            max-width: 33.33%;
        }
    }

    .excellenceSec {
        .col_1 {
            display: none;
        }

        .col_2 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;

            .keyHighlightsRt {
                .listContBox {
                    .tab_content {
                        padding: 0;
                        display: block;

                        &:not(:last-child) {
                            margin-bottom: 15px;
                        }

                        .accTrigger {
                            display: block;
                            cursor: pointer;
                            margin-bottom: 0;
                        }

                        .accCont {
                            display: none;
                            padding: 20px 15px;

                            .keyContDiv {
                                h3 {
                                    display: none;
                                }
                            }

                            .keyContBtm {
                                height: auto;
                                overflow-y: visible;

                                .imgBox {
                                    height: 350px;

                                    figure {
                                        height: 100%;
                                    }
                                }
                            }
                        }

                        &.active {
                            .accCont {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }

    .safetySec {
        .container-home {
            padding: 0 15px !important;

            .wid_50 {
                width: 100%;

                .greenBg3 {
                    padding: 20px 15px;
                    border-radius: 15px 15px 0 0;
                }
            }
        }

        .rgtBox {
            width: 100%;
            height: auto;
            padding: 0 15px;
            position: static;

            .imgBox {
                figure {
                    border-radius: 0 0 15px 15px;
                }
            }
        }
    }

    .esgSec {
        .col_1 {
            display: none;
        }

        .col_2 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;

            .keyHighlightsRt {
                height: auto;

                .keyAcc {
                    .keyCont {
                        .keyContDiv {
                            .keyContTop {
                                display: none;

                                .keyIcon {
                                    width: 50px;
                                    height: 50px;
                                }
                            }
                        }
                    }
                }

                .esgAcc {
                    .keyContTop {
                        padding: 10px 15px !important;
                    }

                    .ddMenu {
                        li {
                            margin-bottom: 20px !important;

                            &:last-child {
                                margin-bottom: 0px !important;
                            }

                            .ddHead {
                                .keyIcon {
                                    width: 40px;
                                }

                                h6 {
                                    padding-left: 15px;
                                    width: calc(100% - 40px);
                                }
                            }
                        }
                    }
                }

                .listContBox {
                    .tab_content {
                        padding: 0;
                        display: block;

                        &:not(:last-child) {
                            margin-bottom: 15px;
                        }

                        .accTrigger {
                            display: block;
                            cursor: pointer;
                            margin-bottom: 0;

                            span {
                                img {
                                    width: 50px;
                                    margin-right: 20px;
                                    display: inline-block;
                                }
                            }
                        }

                        .accCont {
                            display: none;
                            padding: 20px 15px;

                            .keyContBtm {
                                height: auto;
                                overflow-y: visible;
                            }

                            &.esgCont-3 {
                                .ddMenu {
                                    li {
                                        &:first-child {
                                            .ul {
                                                display: block !important;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        &.active {
                            .accCont {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }

    .valueSec {
        .col_1 {
            display: none;
        }

        .col_2 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;

            .keyHighlightsRt {
                height: auto;
                position: relative;

                &:before {
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    content: '';
                    position: absolute;
                    background: linear-gradient(0deg, #053e4d 0%, #053e4d00 100%);
                }

                .listContBox {
                    .tab_content {
                        padding: 0;
                        display: block;

                        &:not(:last-child) {
                            margin-bottom: 15px;
                        }

                        .accTrigger {
                            display: block;
                            cursor: pointer;
                            margin-bottom: 0;
                        }

                        .accCont {
                            display: none;
                            padding: 20px 15px 0;

                            .keyContBtm {
                                height: auto;
                                overflow-y: visible;
                            }
                        }

                        &.active {
                            .accCont {
                                display: block;
                            }
                        }

                        .valueCont {
                            .keyContDiv {
                                .keyContBtm {
                                    .row {
                                        .col_2 {
                                            .arrowList {
                                                width: 100%;
                                                column-count: 1;
                                                margin-bottom: 0;
                                                padding-right: 0px;
                                            }

                                            .eachIconHWrap {
                                                width: 100%;
                                                border-left: 0;
                                                padding-left: 0;
                                                margin-top: 20px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .keyBigImg {
        height: auto;
    }
}

@media only screen and (max-width: 991px) {
    .rad_20 {
        border-radius: 15px;
    }

    .comm_col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .mdSec {
        .mdBtm {
            .imgWrap {
                margin-bottom: 15px;
                width: 100%;

                .imgBoxMain {
                    height: auto;
                }
            }

            .mdTxt {
                width: 100%;
            }
        }
    }

    .excellenceSec {
        .col_2 {
            .keyHighlightsRt {
                .listContBox {
                    .tab_content {
                        .accCont {
                            .keyContBtm {
                                .row {
                                    flex-direction: column-reverse;

                                    &>div {
                                        -ms-flex: 0 0 100%;
                                        flex: 0 0 100%;
                                        max-width: 100%;
                                    }
                                }

                                .imgBox {
                                    height: auto;
                                    margin-bottom: 15px;
                                }
                            }
                        }

                        &.active {
                            .accCont {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }

    .performanceSec {
        .comm_col {
            max-width: 50%;
        }
    }

    .esgSec {
        .keyHighlightsRt {
            .esgAcc {
                .ddMenu {
                    li {
                        .ddHead {
                            &:after {
                                width: 30px;
                                height: 30px;
                            }
                        }
                    }
                }
            }
        }
    }

    .safetySec {
        .rgtBox {
            .imgCont {
                padding: 20px 10px;
                position: static;

                h3 {
                    font-size: 20px !important;
                    color: #000 !important;
                }

                .imgList {
                    li {
                        color: #59b02f;

                        &:not(:last-child) {
                            border-right: 1px solid #59b02f;
                        }
                    }
                }
            }
        }
    }

    .valueSec {
        .keyHighlightsRt {
            padding: 30px 15px;
            border-radius: 15px;
        }
    }
}

@media only screen and (max-width: 767px) {
    .eachIconH {
        .numMain {
            .counterText {
                font-size: 32px;
            }

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

    .quoteBox {
        padding: 15px 30px;

        &:before,
        &:after {
            width: 24px;
            height: 24px;
        }
    }

    .secH.fz_40 {
        font-size: 30px !important;
    }

    .commonSec {
        padding: 30px 0px;
    }

    .bodSec {
        padding-top: 40px !important;
    }

    .mdSec {
        .mdTxtInner {
            .quoteBot {
                .fl {
                    margin-bottom: 15px;
                }
            }
        }
    }
}

@media only screen and (max-width: 640px) {
    .mid_head {
        display: none;
    }

    .rightIc {
        width: 100px;
    }

    .commonSec {
        padding: 30px 0px;
    }

    .banInnVdo {
        .banImg {
            height: 60vh;
        }

        .bannerCont {
            .bannerContInn {
                .bannerTle {
                    font-size: 40px;

                    span {
                        font-size: 24px;
                    }
                }
            }
        }
    }

    .listContBox {
        & .tab_content {
            .accTrigger {
                font-size: 18px !important;
            }
        }
    }

    .keyHighlights,
    .excellenceSec,
    .esgSec,
    .valueSec {
        .keyHighlightsRt {
            .keyAcc {
                .keyCont {
                    .keyContDiv {
                        .keyContTop {
                            .keyIcon {
                                width: 40px;
                                height: 40px;
                                margin-right: 15px;
                            }
                        }
                    }
                }
            }
        }
    }

    .bodSec {
        padding-top: 40px !important;

        .bodSecInn {
            .bodSlider {
                .bodSlide {
                    .bodCard {
                        .bodCardInn {
                            flex-wrap: wrap;

                            .imgWrap {
                                width: 100%;
                            }

                            .bodTxt {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }

    .safetySec {
        .rgtBox {
            .imgCont {
                .imgList {
                    display: block;

                    li {
                        font-size: 18px;
                        display: inline-block;

                        &:not(:last-child) {
                            margin-right: 10px;
                            padding-right: 10px;
                            margin-bottom: 10px !important;
                            border-right: 1px solid #0a7a00;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 575px) {
    .eachIconH {
        .numMain {
            .counterText {
                font-size: 26px;
            }

            .fz_36 {
                font-size: 26px !important;
            }
        }
    }

    .comm_col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .platformSec {
        .tab_content {
            .bgWrap {
                .milestoneWrap {
                    .milestoneInner {
                        .mileStoneItem {
                            .milestoneBoxInner {
                                display: flex;
                                min-height: 200px;
                                align-items: center;
                                border-radius: 15px;
                                background-image: linear-gradient(to bottom, #074b44c7 0 50%, #074b44c7 100% 100%) !important;

                                &:last-child {
                                    display: none;
                                }
                            }

                            &:nth-child(2n) {
                                .milestoneBox {
                                    gap: 0;
                                    flex-direction: column;
                                }

                                .milestoneBoxInner {
                                    min-height: 200px;
                                    align-items: center;
                                    background-image: linear-gradient(to bottom, #074b44c7 0 50%, #074b44c7 100% 100%) !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .esgSec {
        .col_2 {
            .keyHighlightsRt {
                .esgAcc {
                    .ddMenu {
                        li {
                            .ddHead {
                                &:after {
                                    right: 0;
                                }

                                h6 {
                                    padding-right: 35px
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .valueSec {
        .col_2 {
            .keyHighlightsRt {
                .listContBox {
                    .tab_content {
                        &.active {
                            .accCont {
                                padding: 20px 0px 0;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 480px) {
    .comm_col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .performanceSec {
        .comm_col {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
}