/*=================menu===================*/

* {
    /*transition: .25s ease-in-out;*/
    box-sizing: border-box;
}

a {
    text-decoration: none !important;
}

body.fix {
    overflow: hidden;
}

button:focus {
    outline: 0 !important;
}

.form-control:focus {

    outline: 0;
    box-shadow: none;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #f57b20 #017290;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #017290;
}

*::-webkit-scrollbar-thumb {
    background-color: #f57b20;
    border-radius: 20px;
    border: 3px solid #017290;
}

:root {
    --Inter: 'Inter', sans-serif;
    --DMSans: "DM Sans", sans-serif;
    --Montserrat: "Montserrat", sans-serif;
}

.nobg {
    background: transparent !important;
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
}

.preloader:before {
    content: '';
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    transition: 1s;
}

.preloader:after {
    content: '';
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    transition: 1s;
}

.preloader.complete:before {
    left: -50%;
}

.preloader.complete:after {
    right: -50%;
}

.preloader.complete {
    display: none;
}

.loader {
    display: inline-block;
    width: 250px;
    height: 190px;
    position: absolute;
    z-index: 3;
    background-image: url(../img/preloader.webp);
    background-size: 44%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
}

.loader-inner {
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
}

.loader-inner:after {
    content: "";
    position: absolute;
    top: -28%;
    /* left: -210%; */
    width: 200%;
    height: 200%;
    transform: rotate(12deg);
    /* background: rgba(255, 255, 255, 0.13); */
    background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgb(255 255 255 / 0%) 100%);

    transition-property: left, top, opacity;
    /* transition-duration: 1s, 1s, 1s; */
    transition-timing-function: ease;
    animation: shine 4s infinite;
}

/* Fade-out animation (optional, smoother exit) */
.fade-out {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.inner-bannerwrap.pg {
    justify-content: center;
    margin-top: 155px;
}

@keyframes shine {

    0% {
        opacity: 1;
        left: -312px;
    }

    100% {
        opacity: 1;
        left: 500px;

    }

}





body {
    font-family: var(--Inter);
    /* position   : relative; */
}

.container {
    max-width: 1280px;
}

header.header-wrap {
    position: fixed;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transition: 0.5s;

}

.header-innwrap {
    position: relative;
    transition: 0.5s;
    background: #fff;
    padding-bottom: 17px;
    padding-top: 15px;
}

.scrolled .header-innwrap {
    margin-top: 0px;
    background: #ffffffe0;
    backdrop-filter: blur(10px);
}

.scrolled .menu>ul {}

header.header-wrap.scrolled.hidden-menu {
    top: -100px;
}

.menuwrap {
    position: relative;
    display: flex;
    justify-content: space-between;
}

a.logo {
    position: relative;
    display: block;
    float: left;
    transition: 0.5s;
    margin-top: 0;
}

.logo img {
    max-width: 100%;
    transition: 0.5s;
}

.scrolled a.logo {}

.nav-click {
    position: absolute;
    display: block;
    width: 11px;
    height: 9px;
    background: url(../img/nav-click-arrow.png);
    background-position: center center;
    top: 24px;
    right: 13px;
    z-index: 999;
    background-repeat: no-repeat;
    cursor: pointer;
}

.menu>ul>li.has-child>.nav-click {
    top: 40px;
    right: 19px;
}

button.navbar-toggler {
    display: none;
}

.menu>ul>li>ul {
    transition: all 0.5s;
}

.menu {
    position: relative;
    display: block;
}

.menu>ul {
    padding: 0;
    margin: 0;
}

.menu ul {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}

.header-innwrap .menu ul {
    margin-top: 20px;
}

.headerbuttons {
    position: relative;
    display: flex;
    align-items: center;
}

.h-inquire {
    color: #FFF !important;
    font-family: var(--DMSans);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.17px;
    background: #017290;
    border: 0;
    width: 153px;
    height: 47px;
    margin-left: 20px;
    transition: 0.5s;
    position: relative;
    text-align: center;
}

.h-inquire:hover {
    background: #f57b20;
}

a.hlinks {
    position: relative;
    display: block;
    margin: 0 20px;
}


.menu>ul>li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.animated-icon1,
.animated-icon2,
.animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #fff;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.mobile-social {
    display: none;
}

.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
}

.animated-icon1 span:nth-child(3) {
    top: 20px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}



.menu>ul>li>ul {
    position: absolute;
    max-height: 0px;
    overflow: hidden;
    background: #fff;
    border-radius: 21px;
    margin: 0;
    width: 260px;
    padding: 0;
    top: 76px;
    right: -142px;
    transition: 0.5s;
}

/* .menu>ul>li>ul:before {
    position  : absolute;
    content   : '';
    display   : block;
    width     : 15px;
    height    : 15px;
    background: #fff;
    top       : -8px;
    left      : 61px;
    transform : rotate(45deg);
} */

.menu>ul>li>ul>li>ul {
    position: absolute;
    height: 0px;
    overflow: hidden;
    background: #191919;
    margin: 0 99px;
    width: 150px;
    padding: 0;
    display: none;
    top: 5px;
    z-index: 999;
}

.menu>ul li:hover ul {
    overflow: hidden;
    max-height: 200px;
    padding: 12px 30px;
}

/* .menu>ul li:hover ul {
    overflow  : visible;
    max-height: 200px;

} */
.menu>ul>li>ul>li>ul>li {
    display: block;
}

.menu>ul>li>ul>li:last-child {
    background: transparent;
    /*padding    : 0*/
    border-bottom: 0;
}

.menu>ul>li>ul>li:last-child::after {
    background: none;
}

.menu>ul>li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 33px;
    position: relative;
    border-radius: 40px;
    padding: 0;
    transition: 0.5s;
    /* min-width: 98px; */
    cursor: pointer;
    text-align: center;
}

.menu>ul>li>ul>li {
    padding: 5px 0;
    text-align: left;
    display: block;
}

.menu>ul>li>a {
    color: #017290;
    font-family: var(--Montserrat);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.51px;
    transition: 0.5s;
}

.menu>ul>li>a:hover {
    color: #f57b20;
}

.menu>ul>li a:before,
.menu>ul>li a:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -2px;
    background: #f57b20;
}

.menu>ul>li a:before {
    left: 0;
}

.menu>ul>li a:after {
    right: 0;
    background: #f57b20;
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu>ul>li a:hover:before {
    background: #f57b20;
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu>ul>li a:hover:after {
    background: transparent;
    width: 100%;
    transition: 0s;
}

/* .menuwrap .menu>ul>li>a:after {
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    transition: 0.5s;
    transform: scale(0);
} */


@media only screen and (max-width: 991px) {
    .menu {
        float: none;
        width: 100%;
        background: none;
        z-index: 999;
        padding: 0;
        box-shadow: none;
    }

    .menu>ul li:hover ul {
        overflow: hidden;
        max-height: 0;
        padding: 0;
    }

    .menu>ul>li>ul>li {
        text-align: right;
    }

    .menu ul li ul {}

    .menu>ul>li>ul {
        position: relative;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        border-radius: 0;
        margin: 0;
        width: 380px;
        top: 76px;
        right: 0;
        transition: 0.5s;
    }

    .menu ul li ul.subshow {
        position: relative;
        transition: all 1s;
        max-height: 300px;
        padding: 0 15px 0;
    }

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



    .menu>ul {
        padding: 0;
        margin: -10px 0 0 0px;
    }

    .menu>ul li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 16px 10px;
        text-align: right;
        border-bottom: 1px solid #f9f5f538;
        border-radius: 0;
    }

    .menu>ul {
        padding: 40px 0 0 0;
        margin: 0;
        transition: all 1s ease;
        position: absolute;
        width: 100%;
        height: 116vh;
        left: -200%;
        top: -55px;
        z-index: 9;
        backdrop-filter: blur(11px);
        background: #066179;
        flex-direction: column;
    }

    .menu.open>ul {
        left: -180px;
        /* top: -21px; */
        width: 500px;

    }

    body.fixed {
        overflow: hidden;
    }

    .menu>ul>li>a {
        color: #ffffff;
        font-size: 23px;
    }

    .menu>ul>li:last-child {
        margin-right: 22px;
    }

    .menu>ul>li {
        padding: 20px 32px;
        min-width: auto;
    }

    .menu>ul>li {
        padding: 20px 30px !important;
        min-width: auto;
        float: none;
    }

    .menu>ul.open-menu {
        margin: 0;
        width: 410px;
        left: -360px;
    }

    .menu>ul>li:hover {
        display: block;
        list-style: none;
        background: transparent;
    }

    .menu>ul>li>ul:before {
        display: none;
    }

    /* .nav-click {
        position: relative;
        display: block;
        z-index: 999;
        padding: 0;
        width: 10px;
        height: 10px;
        cursor: pointer;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: 0.5s;
    } */

}

/*=================menu end===================*/

.home-bannerwrap {
    position: relative;
    display: block;
    height: 100vh;
}

.home-bannerwrap .container-fluid,
.home-bannerwrap .row,
.home-bannerwrap .col-md-12,
.mainbanner-wrap,
.mainslide {
    height: 100vh;
}

.home-bannerwrap .container-fluid {
    padding: 0;
    overflow: hidden;
}

.mainbanner-wrap {
    margin-top: 75px;
}

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

.mainslide:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(27, 59, 67, 0.60) 0%, rgba(27, 59, 67, 0.60) 100%), #d3d3d300 -139.24px -133.994px / 122.585% 115.453% no-repeat;
}

.slide-content {
    position: relative;
    display: flex;
    font-family: var(--Inter);
    z-index: 99;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(60px);
    transition: 0.5s ease-in-out;
}


.mainslide.slick-active .slide-content {
    opacity: 1;
    transform: translateY(0);
}

.slide-content h2 {
    color: #FFF;
    font-size: 75px;
    font-style: normal;
    font-weight: 300;
    line-height: 89px;
    /* 118.667% */
    letter-spacing: -1.5px;
}

.slide-content h2 strong {
    font-weight: 700;
    width: 384px;
    height: 114px;
    background: #F57B20;
    display: inline-block;
    text-align: center;
    line-height: 110px;
}

.slide-content p {
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: -0.56px;
    max-width: 678px;
    margin-top: 20px;
}

.mainslider .slick-prev {
    left: 0;
    z-index: 1;
}

.mainslider .slick-next {
    right: 0px;
    z-index: 1;
}

.mainslider .slick-prev:before {
    content: url(../img/prev-arrow.svg);
}

.mainslider .slick-next:before {
    content: url(../img/next-arrow.svg);
}

.mainbanner-nav {
    position: absolute;
    display: block;
    max-width: 1240px;
    margin: 0 auto 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 100%;
}

section.introduction {
    position: relative;
    display: block;
    background-color: #EEF9FB;
    padding-top: 25px;
}

.hm-solution-wrap {
    position: relative;
    display: block;
}

.hm-solution-wrap h1 {
    position: relative;
    display: block;
    color: #017290;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.hm-solution-block-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: linear-gradient(90deg, rgba(243, 253, 255, 0.00) 25.34%, #F3FDFF 50.98%, rgba(255, 255, 255, 0.00) 88.1%); */
    /* box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.03); */
    padding-bottom: 40px;
}

.hm-solution-block {
    position: relative;
    display: block;
    text-align: center;
    flex-shrink: 0;
    max-width: 185px;
    width: 100%;
    padding: 0 20px;
}

.hm-solution-block p {
    color: #186073;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.34px;
    margin-bottom: 0;
}

.hm-solution-block img {
    flex-shrink: 0;
}

.hm-icon-box {
    position: relative;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
}

.hm-solution-block:before {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 80px;
    background: #DEDEDE;
    top: 19px;
    left: 0;
}

.hm-solution-block-wrap .hm-solution-block:first-child:before {
    display: none;
}

.hm-solution-block-wrap .hm-solution-block:nth-child(2):before {
    left: 5px;
}

.solution-shadow {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    background-color: #EEF9FB;
    background-image: url(../img/shadow.png);
    background-repeat: no-repeat;
    background-position: center;
}

section.welcome {
    position: relative;
    display: block;
    background-color: #EEF9FB;
    padding-top: 33px;
    padding-bottom: 90px;
}

.welcome-block {
    position: relative;
    display: block;
}

.welcome-block h3 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
    /* 154.054% */
    letter-spacing: -1.11px;

}

.welcome-block h3 strong {
    color: #F57B20;
    font-weight: 700;
}

.welcome-block p {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    max-width: 700px;
    margin: 20px auto 50px auto;
}

.btn-readmore {
    position: relative;
    display: block;
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    background: #2C2927;
    width: 147px;
    height: 47px;
    margin: 0 auto;
    transition: 0.5s !important;
}

.btn-readmore:hover {
    background: #017290;
}

.welcome-block:before {
    position: absolute;
    content: '';
    display: block;
    top: -177px;
    left: -37px;
    width: 205px;
    height: 318px;
    background-image: url(../img/Vector1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    animation: shapanim1 5s 5s infinite ease-in-out;
}

.welcome-block:after {
    position: absolute;
    content: '';
    display: block;
    top: -40px;
    left: 46px;
    width: 205px;
    height: 318px;
    background-image: url(../img/Vector2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    animation: shapanim2 3s 3s infinite ease-in-out;
}

@keyframes shapanim1 {

    0%,
    100% {
        transform: scale(1);

    }

    50% {
        transform: scale(1.2);
    }

}

@keyframes shapanim2 {

    0%,
    100% {
        transform: scale(1);

    }

    50% {
        transform: scale(0.8);
    }

}

.hm-partner-wrap {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 60px;
}

.hm-partner-wrap h4 {
    position: relative;
    color: #6B6B6B;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2.7px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.hm-partner-wrap h4::before {
    position: absolute;
    content: '';
    display: block;
    top: 15px;
    left: 260px;
    height: 1px;
    background: #D2D2D2;
    width: 240px;
}

.hm-partner-wrap h4::after {
    position: absolute;
    content: '';
    display: block;
    top: 15px;
    right: 260px;
    height: 1px;
    background: #D2D2D2;
    width: 240px;
}


.partnet-logos {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.partnet-logos img {
    position: relative;
    display: block;
    margin: 0 30px;
}

section.global-presence {
    position: relative;
    background: #076882;
    display: block;
    color: #fff;
    padding-top: 80px;
}

.goble-title h3 {
    font-family: var(--DMSans);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: 0.48px;
    margin-bottom: 0;
}

.goble-title p {
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
}

.mapwrap {
    position: relative;
    display: block;
    margin-top: 45px;
}

h6.counter {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 89px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -1.78px;
    min-width: 160px;
}

span.sign {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 89px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    /* 76.404% */
    letter-spacing: -1.78px;
}

.count-wrap.ount-wrap-inner {
    position: relative;
    display: flex;
}

.count-wrap p {
    color: #FFF;
    font-family: var(--Inter);
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    position: relative;
    top: -61px;
    left: 221px;
}

.count-wrap-inner {
    position: relative;
    display: flex;
    margin-bottom: 20px;
    left: 200px;
    top: -60px;
}

.count-wrap {
    position: relative;
    display: block;
}

.presence-col.c1 {
    position: relative;
    display: block;
    left: -70px;
}

section.global-presence:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #da7d31;
    bottom: 0;
    left: 0;
}

section.global-presence:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #076882;
    bottom: 0;
    left: -85.3%;
    z-index: 999;
}


.logo2 {
    position: relative;
    display: block;
    margin-bottom: 40px;
    top: -60px;
    right: -168px;
}

.count-wrap-inner {
    position: relative;
    display: flex;
    margin-bottom: 20px;
    left: 203px;
    top: -60px;
}

.presence-col.c1:before {
    position: absolute;
    content: '';
    display: block;
    top: -120px;
    left: 0;
    width: 630px;
    height: 423px;
    background-image: url(../img/shape1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.c2 .count-wrap-inner,
.c3 .count-wrap-inner,
.c4 .count-wrap-inner {
    left: 0;
    top: 0;
    flex-direction: column;
}

.count-wrap-inner h3.counter {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: 0.84px;
    margin-bottom: 15px;
}

.c2 p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
}

.c3 h5 {
    color: #FFF;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0;
}

.c3 h4 {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
}

.c4 .count-wrap-inner {
    position: relative;
    display: flex;
    flex-direction: row;
}

.c4 h3.counter {
    margin-bottom: 0;
}

.presence-col.c2 {
    position: relative;
    left: 45px;
}

.presence-col.c2:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 150px;
    background: #528D9D;
    top: 0;
    left: 230px;
}

.presence-col.c3 {
    position: relative;
    display: block;
}

.presence-col.c3:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 150px;
    background: #528D9D;
    top: 0;
    left: 200px;
}

.presence-col.c4 {
    position: relative;
    display: block;
    left: 23px;
}

.presence-col.c2,
.presence-col.c3,
.presence-col.c4 {
    top: 80px;
}

.full-solution-wrap {
    position: relative;
    display: block;
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
}

.f-content {
    position: absolute;
    bottom: 57px;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 28px;
}

.f-content h4 {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
    /* 117.391% */
    letter-spacing: 0.46px;
}

.popimage-block {
    position: relative;
    height: 700px;
    top: 0;
    left: 0;
    display: block;
}

.full-inner {
    position: absolute;
    display: block;
    max-width: 1280px;
    width: 100%;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%);
}

.pop-header {
    position: relative;
    display: block;
}

.pop-header a {
    position: relative;
    display: flex;
    align-items: center;
}

.pop-header h4 {
    position: relative;
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 0.46px;
    margin-bottom: 0;
    margin-right: 40px;
    max-width: 270px;
}

.full-inner p {
    color: #D2D2D2;
    font-family: var(--DMSans);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
    max-width: 766px;
    margin-top: 32px;
}

.popmainwrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}




.hm-full-solution {
    position: relative;
}

/* .popmainwrap {
    position: relative;
} */

/* Hide all pop blocks by default */
.popimage-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    background-size: cover;
    background-position: center;
    z-index: 5;
}

.popimage-block:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(18, 35, 39, 0.60) 0%, rgba(18, 35, 39, 0.60) 100%), #d3d3d300 50% / cover no-repeat;
}

/* position them correctly above the columns */
.popimage-block[data-id="0"] {
    left: 0;
}

.popimage-block[data-id="1"] {
    left: 33.333%;
}

.popimage-block[data-id="2"] {
    left: 66.666%;
}

/* when active */
.popimage-block.active {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.full-solution-wrap {
    height: 700px;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.full-solution-wrap:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(18, 35, 39, 0.60) 0%, rgba(18, 35, 39, 0.60) 100%), #d3d3d300 50% / cover no-repeat;
}




.full-solution-wrap:hover .f-content {
    opacity: 0.8;
}

.f-content {
    position: absolute;
    bottom: 75px;
    left: 30px;
    color: #fff;
    width: 100%;
    max-width: 90%;
}

.full-inner {
    color: #fff;
    padding: 40px;
}

section.hm-values {
    position: relative;
    display: block;
    padding-top: 95px;
    padding-bottom: 130px;
}

.industry-experience {
    position: absolute;
    display: block;
    background: url(../img/ex-shape.svg);
    background-repeat: no-repeat;
    width: 265px;
    height: 420px;
    top: 234px;
    right: 0;
    color: #FFF;
    transform: translateZ(20px);
}

.hm-value-col1-inn {
    position: relative;
    display: block;

}

.count-inn {
    position: absolute;
    display: flex;
    top: 126px;
    left: 45px;
    align-items: center;
}

.count-inn h5.counter {
    font-size: 107px;
    font-style: normal;
    font-weight: 700;
    line-height: 111px;
    letter-spacing: -3.21px;
    min-width: 100px;
}

.count-inn span.sign {
    font-size: 107px;
    font-style: normal;
    font-weight: 700;
    top: -10px;
    position: relative;
    font-family: var(--Inter);
}

.industry-experience p {

    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.25px;
    position: absolute;
    bottom: 90px;
    display: block;
    left: 42px;
    max-width: 230px;
}

.hm-value-col2 h3 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 40px;
}

.hm-value-col2 p {
    color: #383838;
    font-family: var(--Inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    max-width: 285px;
}

.value-image {}

.hm-value-col2 {
    position: relative;
    display: block;
    margin-top: 65px;
}

.hm-value-col2:after {
    position: absolute;
    content: '';
    width: 142px;
    height: 520px;
    top: -71px;
    left: 231px;
    background-image: url(../img/value-shape.svg);
    background-repeat: no-repeat;
}

.industry-values {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    max-width: 266px;
    width: 100%;
}

.industry-values h6 {
    color: #174F5E;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.23px;
    margin-bottom: 0;
    width: 153px;
    margin-left: 40px;
}

.hm-value-col3 {
    position: relative;
    display: block;
    margin-top: 44px;
}

.industry-values.iv-1 {
    left: 42px;
}

.industry-values.iv-2 {
    left: 85px;
}

.industry-values.iv-3 {
    left: 75px;
}

.industry-values.iv-4 {
    left: 10px;
}

section.whyhemas {
    position: relative;
    display: block;
    background: #DEF8FF;
    padding-top: 95px;
    padding-bottom: 120px;
}

.why-col1 {
    position: relative;
    display: block;
}

.why-col1 {
    position: relative;
    display: block;
    z-index: 1;
}

.why-col1 h3 {
    color: #174F5E;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.23px;
    margin-bottom: 25px;
}

.why-col1 h5 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: -1.5px;
    margin-bottom: 45px;
}

.why-col1 p {
    color: #383838;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    /* 172.222% */
}

section.whyhemas {
    position: relative;
    display: block;
}

.why-col2 {
    position: relative;
    display: block;
}

.why-col2:after {
    position: absolute;
    content: '';
    display: block;
    max-width: 992px;
    width: 1180px;
    height: 640px;
    top: -50px;
    left: -55%;
    background: url(../img/watermark1.svg);
    background-repeat: no-repeat;
}

.why-image-wrap {
    position: relative;
    display: block;
}

.why-shape {
    position: absolute;
    top: -161px;
    left: 190px;
    width: 360px;
    display: block;
    height: 512px;
    z-index: 99;
}

.why-image1 {
    position: absolute;
    display: block;
    width: 320px;
    height: 475px;
    clip-path: polygon(8.00% 47.60%, 6.57% 49.40%, 38.29% 97.40%, 98.29% 51.40%, 67.14% 2.20%, 8.00% 47.60%);
    opacity: 0.8;
    z-index: 9;
    top: 0;
    left: 0;
    background: #fff;
}

.why-image2 {
    position: absolute;
    display: block;
    width: 320px;
    height: 475px;
    clip-path: polygon(8.00% 47.60%, 6.57% 49.40%, 38.29% 97.40%, 98.29% 51.40%, 67.14% 2.20%, 8.00% 47.60%);
    opacity: 0.8;
    z-index: 9;
    top: 0;
    left: 332px;
    background: #fff;
}

.why-image3 {
    position: absolute;
    display: block;
    width: 312px;
    height: 475px;
    clip-path: polygon(8.00% 47.60%, 6.57% 49.40%, 38.29% 97.40%, 98.29% 51.40%, 67.14% 2.20%, 8.00% 47.60%);
    opacity: 0.8;
    z-index: 9;
    top: 240px;
    left: 130px;
    background: #fff;
}

section.generation {
    position: relative;
    display: block;
    background-image: url(../img/empowerbg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 200px;
    overflow: hidden;
}

.empower-wrap {
    position: relative;
    display: block;
    padding-top: 120px;
}

.empower-wrap h4 {
    font-family: var(--DMSans);
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    max-width: 495px;
    margin-bottom: 25px;
}

.empower-wrap p {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    max-width: 496px;
    margin-bottom: 40px;
}

a.btnreadmore2 {
    position: relative;
    display: block;
    width: 188px;
    height: 60px;
    background: #2C2927;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    transition: 0.5s;
}

a.btnreadmore2:hover {
    background: #f57b20;
}

.empower-anim-wrap {
    position: relative;
    display: block;
}


.emanima-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.emanima-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 375px;
}

.empower-main-image {
    position: absolute;
    display: block;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.empower-main-image img {
    width: 456px;
    height: 456px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
    position: relative;
}

.empower-sub-image {
    position: relative;
    display: block;
    z-index: 2;
}

.sub-image {
    position: absolute;
    display: block;
}

.sub-image.si-1 {
    top: -221px;
    left: -272px;
}

.sub-image.si-2 {
    top: -30px;
    left: -300px;
}

.sub-image.si-3 {
    top: 140px;
    left: -200px;
}

.empower-main-image:before {
    width: 610px;
    height: 610px;
    position: absolute;
    top: 50%;
    content: '';
    left: 50%;
    display: block;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    transform: translate(-50%, -50%);
    animation: anim3 4s linear infinite;
}


@keyframes anim3 {

    0%,
    100% {
        background: rgba(255, 255, 255, 0.08);
        box-shadow: 0px 0px 0px #fff;

    }

    50% {
        background: rgb(255 255 255 / 30%);
        box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.08);

    }
}


.empower-main-image:after {
    width: 891px;
    height: 891px;
    position: absolute;
    top: 50%;
    content: '';
    left: 50%;
    display: block;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.23);
    transform: translate(-50%, -50%);
    /* animation: anim3 4s linear infinite; */
}

section.get-touch-block {
    position: relative;
    display: block;
    background: #DEF8FF;
    padding-top: 90px;
    padding-bottom: 80px;
    overflow: hidden;
}

.touchblock h5 {
    color: #1D5E70;
    font-family: var(--DMSans);
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.78px;
    width: 700px;
    margin: 0 auto 30px auto;
}

.touchblock p {
    color: #211919;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    width: 673px;
    margin: 0 auto 35px auto;
}

.touchcall {
    position: relative;
    display: block;
    color: #1D5E70;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    background-image: url(../img/tcall.svg);
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 25px;
}

.gettouch-contact {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

a.btn-gettouch {
    position: relative;
    display: block;
    width: 250px;
    height: 58px;
    background: #F57B20;
    color: #FFF;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
    margin-left: 43px;
    transition: 0.5s;
}

a.btn-gettouch:hover {
    background: #00718f;
}

.touchblock {
    position: relative;
    display: block;
}


.touchblock:after {
    position: absolute;
    content: '';
    display: block;
    top: -55px;
    right: -193px;
    width: 745px;
    height: 640px;
    background-image: url(../img/touch-logo.png);
    background-repeat: no-repeat;
}

.inner-bannerwrap {
    position: relative;
    display: flex;
    width: 100%;
    height: calc(100vh - 90px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-top: 90px;
}

.innerbanner-content {
    position: relative;
    display: flex;
    height: calc(100vh - 90px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.innerbanner-content h1 {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 99px;
    font-style: normal;
    font-weight: 600;
    line-height: 89px;
    letter-spacing: -0.99px;
    margin-bottom: 25px;
    z-index: 9;
}

.breadscrumb-wrap {
    position: relative;
    display: block;
    z-index: 9;
}

.breadcrumb-item a,
.breadcrumb-item.active {
    color: #DEDAD4;
    font-size: 21px;
    font-weight: 600;
    line-height: 29px;
    /* 138.095% */
    letter-spacing: 1.05px;
    text-transform: uppercase;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 25px;
    padding-left: 25px;
}

.innerbanner-content:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: url(../img/inner-orange-shape.png);
    background-repeat: no-repeat;
    backdrop-filter: blur(3px);
    width: 370px;
    height: 100%;
    flex-shrink: 0;
    z-index: 9;
}

.inner-bannerwrap .container-fluid {
    padding: 0;
    overflow: hidden;
}

.innerbanner-content:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: -76px;
    width: 500px;
    height: 100%;
    flex-shrink: 0;
    background-color: rgba(29, 83, 97, 0.57);
    backdrop-filter: blur(5.5px);
    transform: skewX(-38deg);
}

section.about-intro {
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 100px;
    overflow: hidden;
}

.about-intro-col1 h3 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: -1.02px;
    margin-bottom: 50px;
}

.about-intro-para {
    position: relative;
    display: block;
}

.about-intro-para p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    /* 181.25% */

}

.about-intro-col2 {
    position: relative;
    display: block;
}

.abou-img-wrap {
    position: relative;
    display: block;
    margin-top: 80px;
}

.about-image {
    position: absolute;
    display: block;
    top: -109px;
    left: 0;
    z-index: 9;

}

.about-shape {
    position: absolute;
    display: block;
    top: -88px;
    left: 342px;
}

section.vision-mission {
    position: relative;
    display: block;
    background: #017290;
    color: #fff;
    padding: 100px 0;
    z-index: 1;
}

section.vision-mission:before {
    position: absolute;
    content: '';
    display: block;
    width: 966px;
    height: 600px;
    background-image: url(../img/vis-mis-logo.webp);
    background-repeat: no-repeat;
    top: 60px;
    left: -230px;
    background-size: cover;
}

.score {
    position: relative;
    display: block;
    margin-left: 137px;
    margin-top: 30px;
}

.score .count-inn {
    position: relative;
    display: flex;
    top: 0;
    left: 0;
    align-items: center;
}

.score .count-inn h5.counter {
    font-size: 184px;
    font-weight: 700;
    line-height: 178px;
    /* 96.739% */
    letter-spacing: -7.36px;
    min-width: 100px;
}

.score h6 {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: -0.32px;
    margin-bottom: 0;
}

.score p {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    /* 155.556% */
    letter-spacing: -0.18px;
}

.vis-min-block {
    position: relative;
    display: block;
}

.vis-min-block h4 {
    position: relative;
    display: block;
    font-family: var(--DMSans);
    font-size: 39px;
    font-style: normal;
    font-weight: 800;
    line-height: 54px;
    margin-bottom: 25px;
}

.vis-min-block.vis {
    margin-bottom: 70px;
}

.vis-min-block h4:before {
    position: absolute;
    content: '';
    display: block;
    top: 56px;
    left: 0;
    width: 53px;
    height: 3px;
    background: #F57B20;
}

.vis-min-block p {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
    /* 139.286% */
    letter-spacing: -0.28px;
}

.vis-mis {
    position: relative;
    display: block;
    margin-left: 50px;
    margin-top: 20px;
}

.vis-min-block.mis p {
    font-size: 23px;
    letter-spacing: -0.23px;

}

.tiltanima {
    position: relative;
    display: block;
}

.line-chart-wrap {
    position: relative;
    display: block;
}

.lin-wrap {
    position: absolute;
    display: block;
    opacity: 0;
    transition: 0.5s;

}

.act .lin-wrap {
    opacity: 1;
}

.lin-wrap.ln1 {
    top: 44px;
    left: -63px;
    transition-delay: 0.5s;
}

.lin-wrap.ln2 {
    top: 43px;
    left: 86px;
    transition-delay: 1s;
}

.lin-wrap.ln3 {
    top: -60px;
    left: 257px;
    transition-delay: 1.5s;
}

.lin-wrap.ln4 {
    top: -207px;
    left: 356px;
    transition-delay: 2s;
}

.lin-wrap.ln5 {
    top: -305px;
    left: 410px;
    transition-delay: 2.5s;
}

.lin-wrap p {
    color: #67B3C8;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 147.368% */
    letter-spacing: -0.19px;
}

.lin-wrap p {
    position: absolute;
    margin-bottom: 0;
}

.ln1 p {
    top: 22px;
    left: -18px;
}

.ln2 p {
    top: 69px;
    left: 15px;
}

.ln3 p {
    top: 121px;
    left: 12px;
}

.ln4 p {
    top: 152px;
    left: 18px;
}

.ln5 p {
    top: 22px;
    left: -18px;
}



/* Zoom-in animation */
.tab-pane {
    transition: opacity 0.5s, transform 0.5s;
    transform: scale(0.97);
    opacity: 0;
}

.tab-pane.show.active {
    transform: scale(1);
    opacity: 1;
}

section.history-timeline {
    position: relative;
    display: block;
    padding-top: 75px;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* section.history-timeline:after {
    position: absolute;
    content: '';
    display: block;
    background: #F6F6F6;
    display: block;
    width: 632px;
    height: 2000px;
    top: -375px;
    left: -275px;
    transform: rotate(30deg);
}
 */



section.history-timeline:before {
    position: absolute;
    display: block;
    width: 675px;
    height: 675px;
    content: '';
    border-radius: 673.801px;
    background: rgba(135, 135, 135, 0.08);
    top: 130px;
    right: -630px;
}

.timeline-title {
    position: relative;
    display: block;
    top: 500px;
    transform: rotate(-90deg);
    z-index: 9;
}

.timeline-title h3 {
    color: rgba(1, 114, 144, 0.17);
    font-family: var(--DMSans);
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: 102px;
    /* 92.727% */
    letter-spacing: 5.5px;
}

.time-tab-wrap {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    z-index: 9;
}

.nav.nav-tabs {
    flex-direction: column;
    border: 0;
    width: 48%;
    margin-top: 90px;
}

.tab-content {
    position: relative;
    display: block;
    width: 52%;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.time-tab-wrap .nav-link {
    display: flex;
    align-items: center;
}

.time-tab-wrap .nav-link h3 {
    color: #C8DCE2;
    font-family: var(--DMSans);
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    text-align: right;
    min-width: 177px;
    margin-bottom: 0;
    position: relative;
    display: block;
    transition: 0.5s;
}

.nav-link.active h3 {
    color: #017290;
}

span.time-tab-title {
    position: relative;
    display: block;
    margin-left: 80px;
    text-align: left;
    color: #9CBCC5;
    font-family: var(--DMSans);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.22px;
    transition: 0.5s;
}

.nav-link.active span.time-tab-title {
    color: #165667;
}





.time-tab-wrap .nav-link h3:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: #B0BEC2;
    border-radius: 50%;
    top: 21px;
    right: -53px;
    transition: 0.5s;

}

.time-tab-wrap .nav-link.active h3:before {
    width: 15px;
    height: 15px;
    background: #6CC1D8;
    right: -55px;
}

.time-tab-wrap li.nav-item {
    margin-bottom: 50px;
    position: relative;
    display: block;
    transition: 0.5s;
}

.time-tab-wrap li.nav-item:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 150px;
    display: block;
    background: #F2EDED;
    top: 36px;
    left: 242px;
}

.time-tab-wrap li.nav-item:last-child h3 {
    color: #EDC1A0;
}


.time-tab-wrap li.nav-item:last-child:before {
    display: none;
}

.time-tab-wrap li.nav-item:last-child .nav-link.active h3 {
    color: #f57b20;
}

.time-tab-inner {
    position: relative;
    display: block;
    margin-top: 60px;
}

.time-image {
    position: relative;
    display: block;
    max-width: 510px;
    text-align: center;
}

.time-image img {
    max-width: 100%;
    border-radius: 50%;
}

.time-image:after {
    position: absolute;
    content: '';
    display: block;
    width: 272.754px;
    height: 513px;
    background: url(../img/half-circle.svg);
    background-repeat: no-repeat;
    top: -32px;
    right: -38px;
}

.time-content {
    position: relative;
    display: block;
    margin-top: 70px;
    max-width: 370px;
    margin-left: 65px;
    font-family: var(--DMSans);
}

.time-content h2 {
    color: #165667;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: -0.37px;
    margin-bottom: 25px;
}

.time-content p {
    color: #2C2929;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 176.471% */
}

section.leadership-team {
    position: relative;
    display: block;
    padding-top: 100px;
    padding-bottom: 60px;
}

section.leadership-team:after {
    position: absolute;
    content: '';
    display: block;
    background: #F6F6F6;
    display: block;
    width: 632px;
    height: 2188px;
    top: -1468px;
    left: -292px;
    transform: rotate(33deg);
}

.leadership-title h4 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 15px;
    letter-spacing: 0.94px;
}

.leadership-title p {
    color: #383838;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    max-width: 850px;
    margin: 0 auto;

}

.leadership-title {
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.teamwrapper {
    position: relative;
    display: block;
    max-width: 1160px;
    margin: 0 auto;
}

.team-wrap {
    position: relative;
    display: block;
    margin-bottom: 50px;
    transform-style: preserve-3d;
}

.member-image {
    position: relative;
    display: block;
    text-align: center;
    transform: translateZ(5px);
}

.member-image img {
    max-width: 100%;
}

.member-info {
    position: relative;
    display: block;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.07);
    backdrop-filter: blur(5px);
    width: 350px;
    padding: 20px 25px;
    margin-top: -30px;
    min-height: 110px;
    transform: translateZ(8px);
    text-align: center;
    margin: -30px auto 0 auto;
}

.member-info span.m-name {
    color: #485E65;
    font-family: var(--DMSans);
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.21px;
    margin-bottom: 4px;
    display: block;

}

.member-info p {
    color: #485E65;
    font-family: var(--DMSans);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.16px;
    margin-bottom: 0;
    min-height: 43px;
}

.member-info:after {
    position: absolute;
    content: '';
    display: none;
    top: 43px;
    right: 28px;
    width: 13px;
    height: 24px;
    background: url(../img/team-arrow.svg);
    background-repeat: no-repeat;
}

.teamshape {
    position: absolute;
    display: block;
    top: 0;
    right: 40px;
    transform: translateZ(3px);
}


section.service-intro {
    position: relative;
    display: block;
    padding-top: 80px;
}

.intropara1 p {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 47px;
    /* 146.875% */
    letter-spacing: -0.96px;
    max-width: 900px;
    margin: 0 auto 50px auto;
}


.intropara2 p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    /* 181.25% */
    max-width: 735px;
    margin: 0 auto;

}

.partnet-logos.service {
    margin-top: 86px;
    margin-bottom: 100px;
}

section.solutions {
    position: relative;
    display: block;
    background: #F4FDFF;
    padding-top: 25px;
}

.solution-shadow2 {
    position: relative;
    display: block;
    width: 950px;
    height: 23px;
    background-color: #EEF9FB;
    background-image: url(../img/shadow2.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.hm-solution-wrap.serve {
    transition: 0.5s;

}

.hm-solution-block-wrap.serve {
    position: relative;
    width: 100%;
    z-index: 1;
    background: #F4FDFF;
    transition: 0.5s;
}

.hm-solution-wrap.serve.fixed {
    transition: 0.5s;
    position: fixed;
    top: -124px;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: #F4FDFF;
}



.serve.fixed .hm-solution-block-wrap {
    padding-bottom: 10px;
}


.solutions-block-wrap {
    position: relative;
    display: block;
    padding-top: 100px;
}

.s-block2 {
    position: relative;
    display: block;
    max-width: 570px;
}

.s-block2 h4 {

    color: #017290;
    font-family: var(--DMSans);
    font-size: 91px;
    font-style: normal;
    font-weight: 500;
    line-height: 99px;
    margin-bottom: 25px;
}


.s-block2 p {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    /* 182.353% */
    margin-bottom: 30px;
}

.detail-accortion-wrap button.accordion-button {
    color: #294951;
    font-family: var(--DMSans);
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    padding-left: 0;
}

.detail-accortion-wrap .accordion-body {
    color: #363C3D;
    font-family: var(--DMSans);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    padding-top: 0;
    padding-left: 0;
}

.detail-accortion-wrap .accordion-item {
    background-color: transparent;
}

.detail-accortion-wrap .accordion-button:not(.collapsed) {

    background-color: transparent;
    box-shadow: none;
}

.detail-accortion-wrap .accordion-button {
    background-color: transparent;
}

.accordion {
    --bs-accordion-border-color: #DFCECE !important;
}

.accordion-button:focus {
    outline: 0;
    box-shadow: none;
}

.acc-button-wrap {
    position: relative;
    display: block;
    margin: 35px 0;
}

a.btn-acc-inq {
    position: relative;
    display: block;
    width: 370px;
    height: 50px;
    background: #017290;
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    margin-right: 30px;
    transition: 0.5s;
}

a.btn-acc-inq:hover {
    background: #003f50;
}

a.btn-readmore-outline {
    position: relative;
    display: block;
    border: 1px solid #000;
    width: 170px;
    height: 50px;
    flex-shrink: 0;
    color: #353333;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    transition: 0.5s;
}

a.btn-readmore-outline:hover {
    color: #fff;
    background-color: #003f50;
}

.solutions-blocks {
    position: relative;
    display: block;
    /* max-width: 1200px; */
    margin: 0 auto 170px auto;
}

.acc-button-wrap {
    position: relative;
    display: flex;
    margin: 35px 0;
}

.solutions-blocks .row {
    display: flex;
}

/* Reverse every even block */
.solutions-blocks:nth-child(even) .row {
    flex-direction: row-reverse;
}

.sol-image {
    position: relative;
    display: block;
}

.s-block1 {
    position: sticky;
    top: 50px;
}

.servise-banner-block {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    z-index: 9;
    max-width: 740px;
    width: 100%;
}

.servise-banner-block p {
    position: relative;
    display: block;
    max-width: 740px;
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.2px;
    margin-bottom: 25px;
}

.servise-banner-block .h-inquire {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -0.17px;
    border: 0;
    height: 60px;
    margin-left: 0;
    width: 252.319px;
    transition: 0.5s;
    background: #017290;
    display: none;
}

.s-partners {
    position: relative;
    display: block;
    z-index: 9;
    text-align: center;
    margin-top: 30px;
}

.sparner-logos {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sparner-logos img {
    position: relative;
    display: block;
    margin: 0 25px;
}

.s-partners h3 {
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 1.62px;
    text-transform: uppercase;
    margin-bottom: 20px;
}



.sd-intros .mb-5 {
    margin-bottom: 100px !important;
}

span.country-name {
    color: #000;
}

.servise-banner-block .h-inquire:hover {
    background: #f57b20;
}

.ups-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    z-index: 9;
    max-width: 810px;
    width: 100%;
}

.ups-block {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 40px;
}

.cs-image {
    position: relative;
    display: block;
}

.postid-661 .connect-partner-block.partner-2 {
    display: none;
}

.servise-banner-block .h-inquire:before {
    position: absolute;
    width: 336.042px;
    height: 1px;
    content: '';
    background: rgba(255, 255, 255, 0.50);
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.innerbanner-content.s-detail:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: -76px;
    width: 90%;
    height: 100%;
    flex-shrink: 0;
    background-color: rgba(29, 83, 97, 0.57);
    backdrop-filter: blur(5.5px);
    transform: skewX(-38deg);
}


.innerbanner-content.s-detail:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 42px;
    width: 1294px;
    height: 100%;
    flex-shrink: 0;
    background-color: rgba(9, 81, 101, 0.72);
    backdrop-filter: blur(5.5px);
    transform: skewX(-38deg);
}

.ups-block p {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 0;
    text-align: left;
    max-width: max-content;
    margin-left: 20px;
}


section.service-introdution {
    position: relative;
    display: block;
    padding-top: 60px;
}

.intropara {
    position: relative;
    display: block;
}

.intropara p {
    position: relative;
    display: block;
    width: 790px;
    color: #000;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin: 0 auto 70px auto;
}

.s-infor-block h4 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.8px;
    margin-bottom: 21px;
}

.s-infor-block p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    max-width: 465px;
    width: 100%;
    margin-bottom: 0;
}

.s-infor-block img {
    max-width: 100%;
    width: 100%;
}

.s-infor-block.sb1 {
    padding: 40px;
}

.sd-intros .container {
    max-width: 1130px;
}

section.core-services {
    position: relative;
    background: #F0FCFF;
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
}

.core-services h2 {
    color: #017290;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 47px;
    letter-spacing: -0.96px;
}

.core-services h5 {
    color: #017290;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 35px;
    line-height: 47px;
    letter-spacing: -0.96px;
}

.core-service-accordion-wrap button.accordion-button {
    color: #294951;
    font-family: var(--DMSans);
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    padding-left: 0;
}

.core-service-contents {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    line-height: 29px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

.core-service-accordion-wrap .accordion-button {
    background-color: transparent;
}

.core-service-accordion-wrap .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.core-service-accordion-wrap .accordion-item {
    background-color: transparent;
}


.core-service-contents p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    max-width: 470px;
}

.core-service-accordion-wrap {
    position: relative;
    display: block;
    max-width: 1100px;
    margin: 0 auto;
}


.core-service-accordion-wrap .accordion-button::after {
    background-image: url(../img/acc-plus.png);
}

.core-service-accordion-wrap .accordion-button:not(.collapsed)::after {
    background-image: url(../img/acc-minus.png);
}

.core-service-accordion-wrap .accordion-body {
    /* padding: 0; */
    padding-left: 0;
    padding-right: 0;
}

.cs-col1 {
    position: relative;
    display: block;
    margin-top: 30px;
}

section.reachus {
    position: relative;
    display: block;
    background: #066179;
    color: #fff;
    padding-top: 70px;
    overflow: hidden;
    padding-bottom: 115px;
}

.reach-wrap {
    position: relative;
    display: block;
    font-family: var(--DMSans);
}

.reach-wrap h3 {
    font-size: 58px;
    font-style: normal;
    font-weight: 800;
    line-height: 66px;
    letter-spacing: -1.16px;
    margin-bottom: 28px;
}

.reach-wrap p {

    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.reach-form .col-12 {
    position: relative;
}

.reach-form .wpcf7-spinner {
    position: absolute;
    top: 60px;
    left: 0;
}

.single-vacancy .wpcf7-spinner {
    visibility: visible !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('https://i.imgur.com/6RMhx.gif') no-repeat center;
}

.reach-form {
    position: relative;
    display: block;
    margin-top: 50px;
    z-index: 1;
}

.reach-form label.form-label {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 188.235% */
}

.reach-form input.form-control,
.reach-form .form-select {
    border-radius: 0 !important;
    height: 50px;
    margin-bottom: 18px;
}

textarea.form-control {
    height: 147.078px;
    border-radius: 0;
}

.btn-submit {
    position: relative;
    display: block;
    margin-top: 40px;
    width: 330px;
    height: 65px;
    background: #F57B20;
    color: #FFF;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    border: 0;
    transition: 0.5s;
}

.btn-submit:hover {
    background: #03323e;
}

section.reachus .container {
    position: relative;
}

section.reachus .container:after {
    position: absolute;
    content: '';
    display: block;
    top: 40px;
    right: -39%;
    width: 1500px;
    height: 1325px;
    background: url(../img/reachlogo.webp);
    background-repeat: no-repeat;
    background-size: cover;
    animation: bluranim 4s 5s infinite linear;

}

@keyframes bluranim {

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

    50% {
        background-position: 0 37px;
    }
}

.othersolution-block {
    position: relative;
    display: block;
    width: 390px;
    height: 450px;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: 0.5s;
}

.os-blocks {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 31px;
    align-items: center;
}

.os-blocks img {
    position: relative;
    display: block;
    top: -24px;
    transform: translateZ(20px);
}

.os-blocks h3 {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    /* 133.333% */
    letter-spacing: -0.84px;
    transform: translateZ(5px);
}

.othersolution-block:before {
    position: absolute;
    content: '';
    display: block;
    background: linear-gradient(180deg, rgba(2, 2, 2, 0.12) 14.58%, rgba(0, 0, 0, 0.58) 100%);
    inset: 0 0 0 0;
}


.os-blocks {
    position: absolute;
    display: flex;
    bottom: 23px;
    left: 30px;
    align-items: center;
    transition: 0.5s;
    transform-style: preserve-3d;
}


.othersolution-block:hover {
    background-size: 110%;
}


.othersolution-block:hover .os-blocks {
    bottom: 48px;
}

section.other-solutions {
    position: relative;
    display: block;
    padding-top: 60px;
    padding-bottom: 70px;
}

.other-solutions h4 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 37px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.74px;
    margin-bottom: 50px;
    text-align: center;
}


/* section.reachus {
    padding-bottom: 30px;
} */

section.career-intro {
    position: relative;
    display: block;
    padding-top: 90px;
    font-family: var(--DMSans);
}

.career-itro-title h2 {
    color: #017290;
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.17px;
    margin-bottom: 20px;
}

.career-itro-title p {
    color: #363C3D;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 870px;
    margin: 0 auto;
}

.career-itro-title {
    position: relative;
    display: block;
    margin-bottom: 115px;
}

.career-intro .container {
    position: relative;
}

.career-intro .container:before {
    position: absolute;
    content: '';
    display: block;
    top: -95px;
    left: -80%;
    background-image: url(../img/carrer-shape.svg);
    background-size: cover;
    width: 1950px;
    height: 935px;
}

section.career-text-wrap {
    position: relative;
    display: block;
    padding-bottom: 109px;
}

.career-text-wrap .container {
    max-width: 1020px;
}

.career-intro-title h2 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 22px;
}

.career-intro-title p {
    color: #363C3D;
    font-family: var(--DMSans);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 500px;
}

a.btn-about {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 50px;
    border: 1px solid #000;
    color: #353333;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    transition: 0.5s !important;
    margin-top: 50px;
}

a.btn-about:hover {
    background-color: #353333;
    color: #fff;
}

.career-intro-image-wrap {
    position: relative;
    display: block;
    transform-style: preserve-3d;

}

.carer {
    position: relative;
    display: block;

}

.career-intro-image {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 9;
}

.cshap-wrap {
    position: absolute;
    display: block;
    top: 30px;
    right: -50px;
}

section.perks-benefits {
    position: relative;
    display: block;
    background: #F0FCFF;
    padding-top: 60px;
    padding-bottom: 60px;
}

.perks-benefits h3 {
    color: #017290;
    font-family: var(--DMSans);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    margin-bottom: 40px;
}

.perk-image {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.perk-block {
    position: relative;
    display: block;
}

.perk-block h5 {
    position: relative;
    color: #307182;
    font-family: var(--DMSans);
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.46px;
    margin-bottom: 25px;
}


.perk-block p {
    color: #363C3D;
    font-family: var(--DMSans);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    max-width: 266px;
}

.perk-block h5:before {
    position: absolute;
    display: block;
    top: 55px;
    content: '';
    left: 0;
    width: 61px;
    height: 3px;
    background: #F57B20;
}

section.voice {
    position: relative;
    display: block;
    background: #066179;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 150px;
}

.team-text {
    position: relative;
    display: block;
    max-width: 500px;
}

.team-text p {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
}

.comment {
    position: relative;
    display: block;
    /* min-height: 225px; */
}

.team-info {
    position: relative;
    display: block;
}

.team-info p {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 218.182% */
    letter-spacing: -0.44px;

}

.team-info p i {
    font-style: italic;
    font-weight: 300;
    color: #9CB0B5;
}

.team-slider .team-text {
    border-radius: 0;
    padding: 0 11px;
    margin: 0 12px;
    color: #000;
    opacity: 0.5;
    transition: all 0.4s ease;
}

.team-slider .slick-center .team-text {
    opacity: 1;
}


.team-slider .slick-dots {
    bottom: -40px;
}

.team-slider .slick-dots li button:before {
    opacity: 0.5;
}

.team-slider .slick-dots li.slick-active button:before {
    opacity: 1;
}

.team-slider .slick-slide {
    outline: none !important;
}

.slick-center {}



.team-text {
    padding: 40px;
    margin: 0 15px;
    color: #000;
    opacity: 0.5;
}

.team-text.is-center {
    opacity: 1;
}

.voice h3 {
    position: relative;
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 47px;
    font-style: normal;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 65px;
    z-index: 9;
}

.voice h3:before {
    position: absolute;
    content: '';
    top: -56px;
    left: -52px;
    width: 136.56px;
    height: 96.596px;
    background-image: url(../img/queto1.svg);
    background-repeat: no-repeat;
    /* isolation: isolate; */
    z-index: -1;
}

.voice .slick-dots li button {
    width: 41.6px;
    height: 4px;
    background: #1D7891;
    padding: 0;
}

.voice .slick-dots li button:before {
    display: none;
}

.voice .slick-dots li {
    width: 41.6px;
    height: 4px;
}



.slick-dots li.slick-active button {
    background: #F57B20;
}

section.join-community {
    position: relative;
    display: block;
    background: #F6F7F8;
    padding-top: 60px;
    padding-bottom: 30px;
}

.join-community h4 {
    text-align: center;
    color: #017290;
    font-family: var(--DMSans);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 120% */
    letter-spacing: -0.8px;
}

.join-community h4 {
    font-weight: 700;
}

.join-community p {

    color: #596062;
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;

}

.apply-wrap {
    position: relative;
    display: block;
    margin-top: 50px;
    font-family: var(--DMSans);
}

.apply-row {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 0 0 34px 10px rgba(0, 0, 0, 0.04);
    padding: 25px 30px;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto 20px auto;
    transition: 0.5s;
}

.apply-row:hover {
    background: #cfeff7;
}

section.remembered {
    position: relative;
    display: block;
    background-color: #066179;
    color: #fff;
    padding-top: 130px;
    overflow: hidden;
    background-image: url(../img/rememberbg.webp);
    background-repeat: no-repeat;
    background-position: 311px bottom;
    height: 1500px;
}

.remem-title {
    position: relative;
    display: block;
    font-family: var(--DMSans);
}

.remem-title h3 {
    position: relative;
    display: block;
    font-size: 57px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -1.71px;
    text-align: center;
    margin-bottom: 20px;
    isolation: isolate;
}

.remem-title h3 span {
    font-weight: 700;
    position: relative;
    display: inline-block;
    isolation: isolate;
    z-index: -1;
    left: 27px;
}

.remem-title h3 span:before {
    font-weight: 700;
    position: absolute;
    display: block;
    width: 437.482px;
    height: 100.346px;
    background: #F57B20;
    content: '';
    top: -17px;
    left: -50px;
    z-index: -1;
}

.apply-col1 h6 {
    color: #2B5C69;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin-bottom: 0;
}

.apply-col1 p {
    color: #898484;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.32px;
    text-align: left;
    margin-bottom: 0;
}

.apply-col2 {
    position: relative;
    display: flex;
}

.a-location {
    position: relative;
    display: block;
}

.a-location h5 {
    position: relative;
    display: block;
    color: #017290;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    letter-spacing: -0.34px;
    margin-bottom: 0;
}

.a-location h5 {
    color: #017290;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.34px;
    margin-right: 30px;
}

.jobtype {
    position: relative;
    display: block;
    margin-right: 40px;
    text-align: right;
}

.jobtype p {
    color: #017290;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.34px;
    margin-bottom: 0;
}

.jobtype span {
    color: #9C9C9C;
    font-family: var(--DMSans);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 186.667% */
    letter-spacing: -0.3px;
}

.apply-col2 a {
    color: #017290;
    /* font-family: "DM Sans"; */
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 55px;
}

.jobtype:before {
    position: absolute;
    content: '';
    display: block;
    top: 12px;
    left: -11px;
    width: 3.66px;
    height: 3.66px;
    background: #017290;
    border-radius: 50%;
}

.remem-title p {
    color: #B1C4C9;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    width: 427px;
    margin-left: 266px;
    margin-top: 50px;
}

.parallex-wrap {
    position: relative;
    display: block;
    margin-bottom: 60px;
    margin-top: 25px;
}

.paralex {
    position: absolute;
    display: block;
}

.block1 {
    top: 0;
    left: 150px;
    z-index: 1;
}

.block2 {
    top: 60px;
    left: 460px;
    z-index: 1;
}

.block3 {
    top: 355px;
    left: -30px;
    z-index: 2;
}

.block4 {
    top: 710px;
    left: 410px;
    z-index: 9;
}

.block5 {
    top: 0;
    left: 150px;
    top: 540px;
    left: 962px;
}

.block6 {
    top: 163px;
    left: -11px;
}

.block7 {
    top: 0;
    left: 994px;
}

.block8 {
    top: 0;
    left: 150px;
    top: 829px;
    left: 248px;
}

.block9 {
    top: 0;
    left: 792px;
}

.block9 img {}

.block6 img {
    max-width: 227px;
    height: 150px;
}

.block8 img {
    width: 227.76px;
    height: 151.916px;
}

.block10 {
    top: 210px;
    left: 950px;
}

.block10 h5.counter,
.block10 .sign {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 160px;
    font-style: normal;
    font-weight: 700;
    line-height: 124px;
    letter-spacing: -11.7px;
}

.count-olx {
    position: relative;
    display: flex;
}

.block10 h5.counter {
    margin-right: 8px;
    min-width: 200px;
}

.block10 p {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    letter-spacing: -0.8px;
    margin-top: 35px;
}

.block11 {
    top: 451px;
    left: 200px;
    text-align: right;
}

.block11 h5.counter {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 101px;
    font-style: normal;
    font-weight: 600;
    line-height: 120px;
    letter-spacing: -3.03px;
    margin-bottom: 0;
    min-width: 105px;
}

.block11 p {
    color: #FFF;
    text-align: right;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    /* 122.222% */
    letter-spacing: -0.54px;

}


.block11 span.sign {
    font-size: 101px;
    font-style: normal;
    font-weight: 600;
    line-height: 120px;
    letter-spacing: -3.03px;
}

.block11 .count-olx {
    justify-content: flex-end;
}

.block12 {
    top: 795px;
    left: 706px;
}

.block12 h5.counter {
    color: #FFF;
    font-size: 101px;
    font-style: normal;
    font-weight: 600;
    line-height: 120px;
    /* 118.812% */
    letter-spacing: -3.03px;
}

.block12 p {
    margin-bottom: 0;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    /* 143.478% */
    letter-spacing: -0.46px;
}

.vacancy-header {
    position: relative;
    display: block;
    margin-top: 170px;
}

a.backopening {
    position: relative;
    display: block;
    color: #6A6B6C;
    font-family: var(--DMSans);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    max-width: 1280px;
    letter-spacing: -0.36px;
    padding-left: 57px;
    margin-bottom: 80px;
}

a.backopening:before {
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    display: block;
    border-bottom: 2px solid #837F7F;
    border-left: 2px solid #837F7F;
    top: 4px;
    left: 30px;
    transform: rotate(45deg);
    transition: 0.5s;
}

a.backopening:hover:before {
    left: 44px;
}

.vacancy-header .container {
    position: relative;
}

.vacancy-header .container:before {
    position: absolute;
    content: '';
    display: block;
    top: -78px;
    left: -76%;
    width: 1400px;
    height: 800px;
    background: url(../img/vacantop-shape.svg);
    background-repeat: no-repeat;
}

.vacant-content {
    position: relative;
    display: block;
    text-align: center;
    font-family: var(--DMSans);
}

.vacant-content h1 {
    color: #017290;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 10px;
}

.vacant-content h2 {
    color: #F57B20;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 133.333% */
    letter-spacing: -0.42px;
    margin-bottom: 30px;
}

.vacan-posts-info {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.vacan-posts-info h6 {
    color: #736363;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.34px;
    margin-bottom: 0;
    margin-right: 24px;
}

.vp-info {
    position: relative;
    display: block;
    color: #017290;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.34px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    box-shadow: 0 0 34px 10px rgba(0, 0, 0, 0.04);
    padding: 12px 28px;
}

.vp-info p {
    margin-bottom: 0;
}

.vp-info span {
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

.vp-info span:before {
    position: absolute;
    content: '';
    display: block;
    width: 3.66px;
    height: 3.66px;
    background-color: #017290;
    top: 12px;
    left: -21px;
    border-radius: 50%;
}

.vacancy-intro {
    position: relative;
    display: block;
    max-width: 900px;
    margin: 0 auto 65px auto;
    font-family: var(--DMSans);
}

.vacancy-intro p {
    color: #414748;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    /* 183.333% */
}

.vacan-col1 {
    position: relative;
    display: block;
    padding: 0 15px;
}

.vacan-col1 h3 {

    color: #017290;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 160% */
    letter-spacing: -0.6px;
}

.vacan-col1 li {
    color: #363C3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.vaca-detail-set {
    position: relative;
    display: block;
    margin-bottom: 30px;
}


.vacan-col1 p i {
    color: #363C3D;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
}

.vaca-detail-set ul {
    padding-left: 20px;
}

.opening-inner {
    position: relative;
    display: block;
    width: 342px;
    height: auto;
    flex-shrink: 0;
    border: 1px solid #EAEAEA;
    background: rgba(254, 254, 254, 0.92);
    box-shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.07);
    backdrop-filter: blur(3.5px);
    padding: 20px 30px;
}

.other-openings {
    position: sticky;
    top: 50px;
    font-family: var(--DMSans);
}

.opening-inner h3 {
    color: #017290;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: -0.44px;
}

.openings {
    position: relative;
    display: block;
}

.openings a {
    color: #2B5C69;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    transition: 0.5s;
}

.openings a:hover {
    color: #f57b20;
}

.share-opening {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 325px;
    align-items: center;
    padding: 0 0px 0 15px;
    margin-top: 22px;
}

.share-opening h5 {
    color: #117089;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.36px;
    margin-bottom: 0;
}

.openings a:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.openings a:before {
    width: 15px;
    height: 15px;
    position: absolute;
    content: '';
    display: block;
    border-bottom: 2px solid #837F7F;
    border-left: 2px solid #837F7F;
    top: 4px;
    left: 247px;
    transform: rotate(-136deg);
    transition: 0.5s;
}

.op-share {
    position: relative;
    display: block;
}

.op-share a {
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

.other-openings:before {
    position: absolute;
    content: '';
    display: block;
    top: -32px;
    right: 120px;
    background-image: url(../img/opening-shape.svg);
    background-repeat: no-repeat;
    width: 55px;
    height: 86px;
}

section.vacan-details {
    position: relative;
    display: block;
    padding-bottom: 30px;
    background-image: url(../img/vacancy-logo.png);
    background-repeat: no-repeat;
    background-position: 198% 16%;
    background-attachment: fixed;
}

.current-position .container {
    position: relative;
    display: block;
}

/* 
.current-position .container:before {
    position: absolute;
    content: '';
    display: block;
    top: -600px;
    right: -389px;
    background-image: url(../img/vacancy-logo.png);
    background-repeat: no-repeat;
    width: 1035px;
    height: 655px;
} */
/* input.wpcf7-form-control.wpcf7-file.form-control {
    margin-left: -112px;
    top: 6px;
    border: 0;
} */

.cv-upload-group {
    position: relative;
    width: 100%;
}

.cv-upload-group .input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.cv-upload-group input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.cv-upload-group .browsetext {
    background-color: #555;
    color: #fff;
    padding: 8px 20px;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #ccc;
    border-left: none;
    white-space: nowrap;
    border-radius: 0;
}

.cv-upload-group .browsetext:hover {
    background-color: #333;
}

.cv-file-name {
    margin-top: 6px;
    font-size: 14px;
    color: #666;
    font-style: italic;
    position: absolute;
    top: 50px;
    left: 14px;
}

.cv-upload-group span.wpcf7-form-control-wrap {
    background: #fff;
    height: 50px;
    border: 1px solid #97a4a7;
}

section.current-position {
    background: #EEF9FB;
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 100px;
    font-family: var(--DMSans);
}

.current-position .container {
    max-width: 870px;
    margin: 0 auto;
}

.cp-heading {
    position: relative;
    display: block;
}

.cp-heading h3 {
    color: #017290;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.8px;
    margin-bottom: 26px;
}

.cp-heading p {
    color: #363C3D;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 40px;
}

.current-position-form label.form-label {
    color: #6E5F5F;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.current-position-form input.form-control {
    border: 1px solid #97A4A7;
    background: #FFF;
    height: 50px;
    border-radius: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
}


.cvbtn .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    background: #fff;
    border: 1px solid #97A4A7;
    overflow: hidden;
}

.vacan-sub-title {
    position: relative;
    display: block;
    margin-top: 70px;
    margin-bottom: 30px;
}

.vacan-sub-title h3 {
    color: #017290;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    /* 160% */
    letter-spacing: -0.6px;
}

.current-position-form textarea.form-control {
    margin-bottom: 25px;
    border: 1px solid #97A4A7;
}

.current-position-form .col-sm-12 {
    position: relative;
}

.w-count {
    position: absolute;
    display: block;
    color: #9DB2B7;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    top: 0;
    right: 0;
    padding: 0 15px;
}

span.note {
    color: #6E5F5F;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    display: block;
    line-height: 25px;
    position: relative;
    top: 40px;
}

.current-position-form .btn-submit {
    width: 220px;
    height: 50px;
    background: #F57B20;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    margin: 70px auto 0 auto;
    transition: 0.5s;
}

.current-position-form .btn-submit:hover {
    background: #017290;
}

section.con-introl {
    position: relative;
    display: block;
    padding-top: 75px;
    background: #EEF9FB;
}

.contact-intro {
    position: relative;
    display: block;
    font-family: var(--DMSans);
    margin-bottom: 50px;
}

.contact-intro h2 {
    color: #017290;

    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 20px;
    letter-spacing: -1.05px;
}


.contact-intro p {
    color: #363C3D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    max-width: 735px;
    margin: 0 auto;
}

section.quick-intros {
    position: relative;
    display: block;
    background: #EEF9FB;
}

.qi-block.or {
    background: #F57B20;
}

.quick-intros .container {
    max-width: 1100px;
    border-bottom: 1px solid #CECACA;
    padding-bottom: 63px;
}

.qi-block {
    position: relative;
    display: block;
    padding: 40px 37px;
    max-width: 360px;
    width: 100%;
    height: 205px;
    background: #FFF;
    margin: 0 auto;
}

.qi-mage {
    position: relative;
    display: block;
    margin-bottom: 30px;
    min-height: 40px;
}

.qi-block.or h4 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 150% */
    letter-spacing: -0.4px;
}


.qi-block.or a {
    color: #FFF;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 81.081% */
}


.qi-block h4 {
    color: #67909C;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 157.895% */
    letter-spacing: -0.38px;
}

.qi-block a,
.qi-block p {
    color: #017290;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 115.385% */
    letter-spacing: -0.52px;
}

section.contacts-form {
    position: relative;
    display: block;
    background: #eef9fb;
    padding-top: 60px;
    font-family: var(--DMSans);
    padding-bottom: 80px;
    overflow: hidden;
}

.contact-form-title {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.contact-form-title h3 {
    color: #017290;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: -0.35px;
    margin-bottom: 0;
}

.contact-form-title p {
    color: #363C3D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}

.col-12.text-center {
    position: relative;
}

section.contacts-form .form-select {
    border: 1px solid #97A4A7;
    height: 50px;
    border-radius: 0;
    margin-bottom: 18px;
    box-shadow: none !important;

}

.contacts-form .wpcf7-spinner {
    position: absolute;
    bottom: 15px;
    left: 61%;
}

.current-position-form {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 870px;
}

.contacts-form .country-select.inside input,
.country-select.inside input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
    height: 50px;
    width: 100%;
    border: 1px solid #97a4a7 !important;
}

.contacts-form .current-position-form .btn-submit {
    margin: 36px auto 0 auto;
}

.contacts-form .container {
    position: relative;
    display: block;
}

.contacts-form .container:before {
    position: absolute;
    display: block;
    content: '';
    width: 1275px;
    height: 1120px;
    bottom: -513px;
    right: -515px;
    background-image: url(../img/contact-logo.png);
    background-repeat: no-repeat;
    opacity: 8%;
}

.cmap iframe {
    margin-bottom: -5px;
}

.branches .container {
    background: rgba(242, 248, 250, 0.90);
    backdrop-filter: blur(4.5px);
    padding: 35px 0px 35px 30px;
    margin-top: -85px;
    font-family: var(--DMSans);
}

.branches-title {
    position: relative;
    display: block;
    margin-bottom: 35px;
}

.branches-title h3 {
    color: #017290;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 47px;
    text-align: center;
}

.branch-wrap {
    margin-bottom: 45px;
    position: relative;
    display: block;
    margin-left: 20px;
}

.branch-wrap h5 {
    color: #0F586C;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.6px;
    margin-bottom: 18px;
    min-height: 54px;
}

.branch-wrap address {
    color: #363C3D;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    max-width: 230.747px;
    margin-bottom: 5px;
    min-height: 75px;
}

.bpwrap {
    position: relative;
    display: flex;
    justify-content: space-between;
}

a.g-direactions {
    color: #F57B20;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    text-decoration-line: underline !important;
    margin-bottom: 18px;
    display: inline-block;
}

.branch-contact a {

    color: #363C3D;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.branch-contact {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 85%;
}

a.branch-phone {
    position: relative;
    display: block;
    background-image: url(../img/b-call.svg);
    background-repeat: no-repeat;
    padding-left: 34px;
    background-position: 2px center;
    margin-bottom: 4px;
}

a.branch-email {
    position: relative;
    display: block;
    background-image: url(../img/b-mail.svg);
    background-repeat: no-repeat;
    padding-left: 34px;
    background-position: 2px center;
}

.branch-wrap:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 228px;
    background: #D2D2D2;
    top: -8px;
    right: 0px;
}

section.branches {
    position: relative;
    display: block;
    padding-bottom: 110px;
}

/* .row.bn .col-md-3:last-child .branch-wrap:after {
    display: none;
} */

.row.bn .col-md-4:nth-child(3) .branch-wrap:after {
    display: none;
}

.nofound img.img-fluid {
    max-width: 250px;
}

.wpcf7-not-valid-tip {
    color: #fb9292;
    font-size: 14px;
    font-weight: normal;
    display: block;
}

input.form-control.wpcf7-not-valid {
    margin-bottom: 5px;
}

.wpcf7-response-output {
    text-align: center;
}

.cvbtn {
    position: relative;
    margin-top: 25px;
    max-width: 650px;
}

/* Hide the ugly default file input */
.cvbtn input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    height: 50px;
    width: 120px;
    cursor: pointer;
    z-index: 10;
}

/* Custom Browse button (right side) */
label.browsetext {
    width: 120px;
    height: 50px;
    background: #515151;
    color: #fff;
    font-family: var(--DMSans);
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
    border-radius: 4px;
}

/* Fake text label inside input area */
.cv-text {
    color: #515C61;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.36px;
    position: absolute;
    top: 12px;
    left: 20px;
    pointer-events: none;
}

/* Wrap for CF7 file field */
.cvbtn span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    position: relative;
    height: 50px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Info text under field */
.upload-info {
    display: block;
    font-size: 14px;
    color: #777;
    margin-top: 10px;
    line-height: 1.4;
}


/* 
input[type="file"] {
    opacity: 0;
}
 */
.partner-log-wrap {
    position: absolute;
    z-index: 9;
    top: 42px;
    left: 32px;
}

.partner-category {
    position: relative;
    display: block;
    z-index: 9;
    margin-top: 100px;
}

.partner-intro {
    position: relative;
    display: block;
    z-index: 99;
    max-width: 950px;
    text-align: center;
    margin-bottom: 50px;
}

.partner-intro:before {
    width: 141.849px;
    height: 1px;
    position: absolute;
    top: 95px;
    left: 50%;
    background: rgba(255, 255, 255, 0.50);
    content: '';
    display: none;
    transform: translateX(-50%);
}

.recap-wrap {
    position: relative;
    display: flex;
    z-index: 9;
    max-width: 1140px;
    margin: 0 auto;
}

.recap-col1 {
    position: relative;
    display: block;
    flex: 0 0 50%;
}

.recap-col2 {
    position: relative;
    display: block;
    flex: 0 0 50%;
}

.qr-wrap {
    position: relative;
    display: flex;
}

.partner-category p {
    color: #F0F0F0;
    font-family: var(--Inter);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 2.89px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.innerbanner-content.partners h1 {
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 59px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    /* 118.644% */
    letter-spacing: -0.59px;
}

.postid-661 .innerbanner-content.partners h1 {
    font-size: 50px;
}

.partner-intro p {
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    /* 170% */
    letter-spacing: 0.2px;
}

.recap-col1 h3 {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 30px;
}

.recap-block {
    position: relative;
    display: flex;
    border-radius: 50px;
    background: rgba(7, 61, 75, 0.27);
    backdrop-filter: blur(4.5px);
    padding: 12px 23px 12px 12px;
    align-items: center;
    margin-bottom: 17px;
    margin-right: 8px;
}

/* .recap-block::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(45deg, #ffffff, #87878700);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
} */

.recap-block::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(87deg, #ffffff69, #87878700);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#ffffff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.recap-block span {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
}




.qr-col1 h2 {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.29px;
    margin-bottom: 15px;
}

.recap-block-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}



.single-partners .inner-bannerwrap {
    height: auto;
}

.single-partners .innerbanner-content {
    height: auto;
    padding-bottom: 100px;
}

.recap-tick {
    position: relative;
    display: block;
    width: 28.626px;
    height: 28.626px;
    border-radius: 50%;
    margin-right: 15px;
    background-image: url(../img/recap-tick.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.p-intro-image {
    position: relative;
    display: block;
}

.qr-wrap {
    position: relative;
    display: flex;
    backdrop-filter: blur(6px);
    padding: 25px 35px;
    max-width: 550px;
    margin-top: 57px;
}

a.qr-inquire {
    width: 192.5px;
    height: 50.662px;
    position: relative;
    display: block;
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px;
    text-align: center;
    transition: 0.5s;
    margin: 0 auto;
}

a.qr-inquire:hover {
    opacity: 0.7;
}

section.partner-intro-contents {
    position: relative;
    display: block;
    margin-top: 60px;
    margin-bottom: 70px;
}

.p-intro {
    position: relative;
    display: block;
    margin-top: 30px;
}

.p-intro h2 {
    color: #017290;
    font-family: "DM Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -1.52px;
    margin-bottom: 20px;
}

.p-intro p,
.p-intro ul li {
    color: #000;
    font-family: var(--Inter);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
}


.objective-block {
    position: relative;
    display: block;
    text-align: center;
    padding: 50px 60px;
}

.objective-block h3 {
    font-family: var(--DMSans);
    font-size: 37px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.74px;
    margin-bottom: 17px;
}

.objective-block p {
    color: #474343;
    text-align: center;
    font-family: var(--Inter);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 168.421% */
}


section.partner-objective {
    position: relative;
    display: block;
    margin-bottom: 80px;
}

section.vis-mis-wrap {
    position: relative;
    display: block;
    color: #fff;
    padding-top: 65px;
}

.vis-mis-wrap h2 {
    text-align: center;
    margin-bottom: 45px;
    font-family: var(--DMSans);
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 67px;
    /* 128.846% */
    letter-spacing: -1.04px;
}

section.vis-mis-wrap {
    position: relative;
    display: block;
    color: #fff;
    padding-top: 65px;
    padding-bottom: 120px;
}

.vis-mis-block {
    position: relative;
    display: block;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.06);
    padding: 40px 45px;
    font-family: var(--Inter);
    color: #FFF;
}

.vis-mis-block h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 18px;
}

.vis-mis-block p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    /* 154.167% */
}


.service-info-block .card {
    max-width: 940px;
}

.service-image {
    position: relative;
    display: block;
    text-align: right;
}

.service-sidebar-inner {
    position: sticky;
    background: #F5FCFE;
    box-shadow: 0 4px 24px 0 rgba(216, 232, 237, 0.80);
    top: 50px;
    padding: 30px;
}

.service-sidebar {
    position: relative;
    display: block;
    height: 100%;
}

section.services-provided {
    padding-top: 85px;
    padding-bottom: 50px;
}

.service-sidebar-inner h5 {
    color: #1F1F1F;
    font-family: var(--DMSans);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.8px;
    position: relative;
}

.service-sidebar-inner h5:before {
    position: absolute;
    content: '';
    display: block;
    top: 50px;
    left: 0;
    width: 57px;
    height: 2px;
}


.service-sidebar-inner ul li a {
    color: #41494B;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    /* 277.778% */
    letter-spacing: -0.18px;
}

.service-detail-wraps {
    position: relative;
    display: block;
    padding-left: 50px;
}

.service-block {
    position: relative;
    display: block;
    scroll-margin-top: 80px;
}

.service-block h4 {
    font-family: var(--DMSans);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.36px;
    margin-bottom: 0;
}

.service-block p {
    color: #000;
    font-family: var(--Inter);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    /* 193.75% */
}


h5.card-title {
    color: #374245;
    font-family: var(--DMSans);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    /* 227.273% */
    letter-spacing: -0.88px;

}

.service-info-block ul li {
    color: #000;
    font-family: var(--Inter);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    /* 181.25% */
}

.service-info-block ul {
    padding-left: 20px;
}

.service-info-block .card-body {
    padding-left: 35px;
    padding-top: 20px;
}

.service-info-block-wrap {
    position: relative;
    display: block;
    margin-top: 25px;
}

.service-info-block {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

.card {
    border: 0;
}

.service-sidebar-inner ul {
    padding: 0;
    list-style: none;
    margin-top: 25px;
}

section.connect-partner {
    position: relative;
    display: block;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 100px;
}

.connect-partner h2 {
    color: #FFF;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
    margin-bottom: 70px;
    position: relative;
}

.connect-partner h2:before {
    position: absolute;
    width: 94px;
    height: 4px;
    background: #F57B20;
    display: block;
    top: 75px;
    left: 50%;
    content: '';
    transform: translateX(-50%);
}

.postid-661 .connect-partner h2:before {
    background: #00702b;
}

.connect-partner-col1 {
    position: relative;
    display: block;
}

.connect-partner-col1 h5 {
    color: #FFF;
    font-family: var(--DMSans);
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    /* 185.185% */
    letter-spacing: -1.08px;
}

.connect-partner-col1 address {
    color: #FFF;
    font-family: var(--Inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    max-width: 277px;
}

a.get-direct {
    color: #FFF;
    font-family: var(--Inter);
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0.9px;
    text-decoration-line: underline !important;
    text-transform: uppercase;
}

.pquicks-row p {
    color: #FFF;
    font-family: var(--Inter);
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
}

.pquick-col2 a {
    color: #FFF;
    font-family: var(--Inter);
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    /* 126.087% */
}

.p-quick-wrap {
    position: relative;
    display: block;
}

.pquicks-row {
    position: relative;
    display: flex;
    align-items: center;
}

.pquick-icon {
    position: relative;
    display: flex;
    width: 63px;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin-right: 22px;
}

.pquick-col2 p {
    margin-bottom: 0;
}

.pquicks-row {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.p-quick-wrap {
    position: relative;
    display: block;
    margin-top: 35px;
}

section.achievements {
    position: relative;
    display: block;
    background: #edfff4;
    padding: 50px 0;
}

.achievementwrap h3 {
    text-align: center;
    margin-bottom: 50px;
    color: #00702b;
    text-transform: capitalize;
    font-family: "DM Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
}

.achievementwrap ul li {
    margin-bottom: 10px;
}

section.our-departments {
    position: relative;
    display: block;
    padding: 40px 0;
}

.our-departments h3 {
    color: #006f8e;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
    margin-bottom: 70px;
    position: relative;
}

.our-departments h3:before {
    position: absolute;
    width: 94px;
    height: 4px;
    background: #F57B20;
    display: block;
    top: 75px;
    left: 50%;
    content: '';
    transform: translateX(-50%);
}

.department-col-wrap {
    position: relative;
    display: flex;
    justify-content: center;
}

.department-block {
    position: relative;
    display: block;
}

.department-block h6 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.department-block h6:before {
    position: absolute;
    width: 90px;
    height: 2px;
    background: #F57B20;
    display: block;
    top: 30px;
    left: 0;
    content: '';
}

.department-block address {
    font-size: 15px;
    display: block;
    max-width: 90%;
    margin-bottom: 30px;
    min-height: 60px;
}

.department-block h5 {
    position: relative;
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
}

.con-row {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.con-row a {
    color: #017290;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s;
}

.con-row a:hover {
    color: #F57B20;
}

.department-block {
    position: relative;
    display: block;
    margin: 0 15px 30px 15px;
}

.connect-partner-block {
    position: relative;
    display: block;
    margin-bottom: 65px;
}

section.customer-information {
    position: relative;
    display: block;
    padding: 40px 0;
}

.customer-info-block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.customer-information h2 {
    color: #00702b;
    text-align: center;
    font-family: var(--DMSans);
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
    margin-bottom: 70px;
    position: relative;
}


.customer-info-block a {
    position: relative;
    display: block;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 22px 0;
}

a.tariff-link {
    position: relative;
    display: block;
    width: 250px;
    height: 56px;
    background: #f47b20;
    margin: 35px auto;
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 54px;
    transition: 0.5s;
}

.postid-661 a.tariff-link {
    background: #00702b;
}


a.tariff-link:hover {
    background: #017290;
}


.postid-661 .qr-col1 h2,
.postid-661 .p-intro h2,
.postid-661 .vis-mis-wrap h2,
.postid-661 .vis-mis-block h3,
.postid-661 .vis-mis-block p,
.postid-661 .connect-partner h2,
.postid-661 .connect-partner-col1 h5,
.postid-661 .connect-partner-col1 address,
.postid-661 a.get-direct,
.postid-661 .pquicks-row p,
.postid-661 .pquick-col2 a {

    color: #00702b;
}

.postid-661 .pquick-icon img {
    filter: brightness(0.1) saturate(100%) invert(26%) sepia(88%) saturate(500%) hue-rotate(83deg);
}





/* Footer */

footer.footer-wrap {
    position: relative;
    display: block;
    background: #193C46;
    color: #fff;
}

.fcol2 {
    position: relative;
    display: flex;
    margin-top: 80px;
    /* justify-content: space-between; */
}

.fcol2-inner {
    position: relative;
    display: block;
}

.fcol2-inner h3 {
    font-family: var(--Montserrat);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 23px;
}

.fcol2-inner h3 strong {
    font-weight: 600;
}

.fcol2:after {
    position: absolute;
    content: '';
    display: block;
    width: 870px;
    height: 550.891px;
    top: -49px;
    right: -353px;
    background: url(../img/footerlgo.svg);
    background-repeat: no-repeat;
}

.fcol2-inner p {
    color: #D0CDCD;
    font-family: var(--DMSans);
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    /* 176.471% */
    letter-spacing: -0.17px;
    max-width: 425px;
}


.fcol3-inner {
    position: relative;
    display: block;
    left: 100px;
    z-index: 1;
}

.fcol3-inner h3 {
    font-family: var(--Montserrat);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 23px;
}

.fcol3-inner address {
    color: #E5E5E5;
    font-family: var(--DMSans);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 166.667% */
    letter-spacing: -0.15px;
}

.footer-contact {
    position: relative;
    display: block;
}

.footer-contact p,
.footer-contact a {
    position: relative;
    display: inline-block;
    color: #E5E5E5;
    font-family: var(--DMSans);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.15px;
    margin-bottom: 0;
    transition: 0.5s;
}

.footer-contact a:hover {
    color: #f57b20;
}

.fcol3 {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 30px;
}

.fcol3 ul {
    position: relative;
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    flex-direction: row;
    justify-content: center;
}

.fcol3 ul li {
    margin: 0 20px;
}

.fcol3 ul li a {
    color: #EEE;
    font-family: var(--DMSans);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    transition: 0.5s;

}

.fcol3 ul li a:hover,
.copyrighs p a:hover {
    color: #f57b20;
}

.copyrighs p,
.copyrighs p a {
    color: #AEAEAE;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.15px;
    transition: 0.5s;
    margin-bottom: 0;
}

.copyrighs {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.fcol1 {
    position: relative;
    display: block;
    margin-top: 110px;
}

.flogo {
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.fcol1 p {
    color: #FFF;
    font-family: var(--Montserrat);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 35px;
    position: relative;
    left: 30px;
}

.fcol1 p strong {
    font-weight: 600;
}

ul.f-social {
    position: relative;
    padding: 0;
    list-style: none;
    display: flex;
    left: 90px;
}

.f-social li {
    margin: 0 27px;
}

.fcol1:before {
    position: absolute;
    content: '';
    display: block;
    width: 899px;
    height: 1025px;
    top: -576px;
    left: -237px;
    background: url(../img/footershape.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-container {
    position: relative;
    display: block;
    overflow: hidden;
}

#backtop {
    display: inline-block;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#backtop::after {
    position: absolute;
    content: '';
    color: #fff;
    top: 20px;
    left: 14px;
    width: 20px;
    height: 20px;
    transform: rotate(226deg);
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

#backtop:hover {
    cursor: pointer;
    background-color: #01546b;
}

#backtop:active {
    background-color: #01546b;
}

#backtop.show {
    opacity: 1;
    visibility: visible;
}