/*=================menu===================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

* {
    /*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;
}

button:focus {
    box-shadow: none !important;
}

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

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

textarea:focus {
    box-shadow: none !important;
}

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


/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(44, 44, 44) rgb(66, 66, 66);
}

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

*::-webkit-scrollbar-track {
    background: rgb(66, 66, 66);
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(44, 44, 44);
    border-radius: 20px;
    border: 3px solid rgb(238, 238, 238);
}


:root {
    /* --OpenSans: 'Open Sans', sans-serif; */
    --InstrumentSans: "Instrument Sans", 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: #002639;
    transition: 1s;
}

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

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

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

.preloader.complete {
    display: none;
}

/* .loader {
    display: inline-block;
    width: 185px;
    height: 70px;
    position: absolute;
    z-index: 3;
    background-image: url(../img/logo.svg);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: loader 8s infinite;
    background-repeat: no-repeat;
} */
/* From Uiverse.io by Z4drus */




.loader {
    position: absolute;
    width: 200px;
    height: 200px;
    perspective: 800px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.crystal {
    position: absolute;
    top: 50%;
    left: 50%;
    /* width: 60px;
    height: 60px; */
    width: auto;
    height: auto;
    opacity: 0;
    transform-origin: bottom center;
    transform: translate(-50%, -50%) rotateX(45deg) rotateZ(0deg);
    animation: spin 4s linear infinite, emerge 2s ease-in-out infinite alternate,
        fadeIn 0.3s ease-out forwards;
    border-radius: 10px;
    visibility: hidden;
}

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotateX(45deg) rotateZ(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotateX(45deg) rotateZ(360deg);
    }
}

@keyframes emerge {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
    }

    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

@keyframes fadeIn {
    to {
        visibility: visible;
        opacity: 0.8;
    }
}

.crystal:nth-child(1) {
    /* background: linear-gradient(45deg, #003366, #336699); */
    animation-delay: 0s;
}

/* .crystal:nth-child(2) {
    background: linear-gradient(45deg, #003399, #3366cc);
    animation-delay: 0.3s;
}

.crystal:nth-child(3) {
    background: linear-gradient(45deg, #0066cc, #3399ff);
    animation-delay: 0.6s;
}

.crystal:nth-child(4) {
    background: linear-gradient(45deg, #0099ff, #66ccff);
    animation-delay: 0.9s;
}

.crystal:nth-child(5) {
    background: linear-gradient(45deg, #33ccff, #99ccff);
    animation-delay: 1.2s;
}

.crystal:nth-child(6) {
    background: linear-gradient(45deg, #66ffff, #ccffff);
    animation-delay: 1.5s;
} */


.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
}





.loader-inner::before,
.loader-inner::after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #289fd8;
    border-radius: 100%;
    animation: pops 2s infinite;
    opacity: 0;
}

.loader-inner::after {
    animation-delay: 0.5s;
}

@keyframes pops {

    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }


}


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

.container {
    max-width: 1280px;
}

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

.header-innwrap {
    position: relative;
    transition: 0.5s;
}



.menuwrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

a.logo {
    position: relative;
    display: block;
    float: left;
    transition: 0.5s;
    /* margin-top: 6px; */
}
a.logo img {
    width: 300px;
    height: auto;
}

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

header.header-wrap.scrolled {
    background: rgba(20, 20, 20, 0.63);
    backdrop-filter: blur(13px);
}

.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: flex;
    align-items: center;
}

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

.menu ul {
    /* margin-top: 30px; */
}

.topmenu-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
}

header.header-wrap.hidden-menu {
    top: -218px;
    filter: blur(35px);
    opacity: 0;
}

.btnexpertwrap {
    position: relative;
    display: block;
    margin-top: 16px;
}

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


.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 20px;
    position: relative;
    border-radius: 40px;
    padding: 0;
    transition: 0.5s;
    /* min-width: 98px; */
    cursor: pointer;
    text-align: right;
}

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

.menu>ul>li>a {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 32px;
    /* 213.333% */
    transition: 0.5s;
}

.menu>ul>li>a:hover {
    color: #FFFFFF;
    text-shadow: 6px 1px 8px #ffffff;
}

.btn_expert {
    width: 59px;
    height: 54px;
    display: block;
    background-image: url(../img/topbtnbg.png);
    border: 0;
    background-position: center;
}

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

    body.fixed {
        overflow: hidden;
    }

    .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: 104vh;
        left: -200%;
        top: -21px; */
        position: fixed;
        width: 60%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 9;
        backdrop-filter: blur(11px);
        background: #095999;
        transform: translateX(-100%);
    }

    .menu.open>ul {
        /* left: -374px;
        top: -21px; */
        transform: translateX(0);
    }

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

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

    .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===================*/
div#slider-container {
    position: relative;
    display: block;
    height: 100vh;
}

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

.hm-banner-wrap {
    position: relative;
    display: block;
    height: 100vh;
}

.homeslider {
    position: relative;
    display: block;
    height: 100%;
}

.hm-banner-wrap .slick-prev:before {
    content: url(../img/mainslide-prev.svg);
}

.hm-banner-wrap .slick-next:before {
    content: url(../img/mainslide-next.svg);
}

.hm-banner-wrap .slick-prev {
    /* left: 4px; */
    left: 10px;
    z-index: 99;
}

.hm-banner-wrap .slick-next {
    /* right: 4px; */
    right: 10px;
    z-index: 99;
}


/** Text Animation **/

@keyframes fadeInUpSD {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSD2 {
    0% {
        opacity: 0;
        transform: translateX(300px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}



.fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
}

.slick-active .hmbannercontents h2 {
    animation-name: fadeInUpSD;
    animation-duration: 2s;
    opacity: 1;
    width: 100%;
}

.slick-active .hmbannercontents .bnview_all {
    animation-name: fadeInUpSD2;
    animation-duration: 2.5s;
    opacity: 1;
    width: 100%;
}

.hmbanner-wrap {
    position: relative;
    display: flex;
    height: 100vh;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
}

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

.hmbannercontents {
    position: relative;
    /* display: block; */
    max-width: 1280px;
    /* margin: 13% auto 11% auto; */
    margin: 0 52px 0 52px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    padding-bottom: 145px;
}

.hmbannercontents h2 {
    color: #FFF;
    font-size: 88px;
    font-weight: 400;
    line-height: 104px;
    letter-spacing: -2.64px;
    max-width: 920px;
}

a.bnview_all {
    color: #FFF;
    font-size: 21px;
    font-weight: 400;
    line-height: 69px;
    letter-spacing: -0.63px;
    position: relative;
    display: block;
    background-image: url(../img/bannerarrow.svg);
    background-repeat: no-repeat;
    background-position: 181px center;
    padding-right: 48px;
    display: inline-block;
}

/* .completed_projects {
    position: relative;
    display: block;
    background: rgba(20, 20, 20, 0.63);
    backdrop-filter: blur(13px);
    margin-top: -81px;
    min-height: 80px;
} */

.completed_projects {
    position: relative;
    display: block;
    background: rgba(20, 20, 20, 0.63);
    min-height: 80px;
    margin-top: -80px;
}

/* .completed_projects.open {
    min-height: 80px;
    height: 300px;
    transform: translateY(-73%);
} */

.completed_projects.open {
    min-height: 80px;
    /* height: 548px;
    transform: translateY(-83%); */
}

.shadow {
    position: absolute;
    display: block;
    width: 100%;
    height: 540px;
    /* background: rgba(20, 20, 20, 0.63); */
    top: 0;
    left: 0;
    backdrop-filter: blur(13px);
}

.comproject-country {
    position: relative;
    display: block;
}

.comproject-wrap {
    position: relative;
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    align-items: center;
    padding-top: 50px;
}

.c-project-slider {
    position: relative;
}

.comproject-wrap h4 {
    color: #948F8F;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    max-width: 96px;
    position: absolute;
    bottom: 0;
    z-index: 99;
    top: 23px;
}

.comproject-country .nav.nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    border: 0;
    flex-wrap: nowrap;
}

/* .comproject-country .tab-content {
    position: relative;
    display: block;
    margin-left: -95px;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s;
} */

.comproject-country .tab-content {
    position: relative;
    display: block;
    margin-left: 0;
    transition: 0.5s;
}

.comproject-country .tab-content {
    max-height: 560px;
    opacity: 0;
    transform: translateY(9%);
    /* background: rgba(20, 20, 20, 0.63); */
    /* backdrop-filter: blur(13px); */
    /* padding-top: 54px;
    padding-bottom: 30px; */
    padding-top: 35px;
    padding-bottom: 15px;
}

.maintabwrap {
    position: relative;
    z-index: 99;
}

.tabinner {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    background: #1212125c;
    transform: translateX(-50%)translateY(9%);
    backdrop-filter: blur(13px);
    max-height: 560px;
    opacity: 0;
    transition: 0.5s;

}

.open .tabinner {
    max-height: 560px;
    transform: translateX(-50%)translateY(0%);
    opacity: 1;
    top: -109%;
    /* top: -116%; */
}


/* .leftshadow {
    position: absolute;
    content: '';
    display: block;
    background: rgba(20, 20, 20, 0.63);
    backdrop-filter: blur(13px);
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
} */
/* .comproject-country .tab-content:after{
    position: absolute;
    content: '';
    display: block;
    background: rgba(20, 20, 20, 0.63);
    backdrop-filter: blur(13px);
        top: 0;
    width: 100%;
    height: 100%;
    right: -100%;
} */
.open .comproject-country .tab-content {
    transform: translateY(-110%);
    /* transform: translateY(-116%); */
    opacity: 1;
}

.tab-pane {
    width: 100%;
}

.c-projects-slider-wrap {
    width: 100%;
}

.tab-content>.tab-pane {
    display: block;
    height: 0px;
    overflow: hidden;
}

.tab-content>.active {
    height: auto;
}

.cproject-image {
    position: relative;
    display: block;
    text-align: center;
    /* margin-bottom: 20px; */
    margin-bottom: 15px;
}

/* .comproject-wrap nav {
    position: absolute;
    bottom: -18px;
    left: 135px;
} */

.comproject-wrap nav {
    position: absolute;
    top: -37px;
    left: 135px;
    z-index: 9;
}

.open .comproject-wrap nav {
    bottom: -67px;
}

.open .comproject-wrap h4 {
    bottom: -67px;
}

button.btn-close {
    position: absolute;
    /* right: 18px; */
    /* top: -18px; */
    right: -35px;
    /* top: -48px; */
    top: 48px;
    z-index: 1;
    filter: invert(1);
    opacity: 0;
    transform: scale(0.7);
}

.open button.btn-close {
    opacity: 1;
}



.comproject-wrap nav .nav-tabs .nav-link {
    color: #E6E6E6;
    text-align: center;
    /* font-size: 16px; */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: -0.16px;
    border: 0;
    min-width: max-content;
}


.comproject-wrap nav .nav-tabs .nav-link.active {
    background-color: transparent;
}

.c-project-slider .slick-prev,
.c-project-slider .slick-next {
    top: 34%;
}

.c-projects-slider-wrap {
    position: relative;
    display: block;
    max-width: 1280px;
    margin: 0 auto;
}

.cproject-slide h3 {
    position: relative;
    display: block;
    z-index: 9;
}

.cproject-slide h3 {

    font-family: "Roboto Condensed", sans-serif;
    /* font-size: 21px; */
    /* font-size: 16px; */
    font-size: 12px;
    font-style: normal;
    /* font-weight: 600; */
    font-weight: 300;
    /* line-height: 30px; */
    /* line-height: 22px; */
    line-height: 18px;
    /* 142.857% */
    /* letter-spacing: -0.63px; */
    letter-spacing: 0;
}


.cproject-slide h3 a {
    color: #FFF;
}

.cproject-slide {
    max-height: 0;
    transition: 0.5s;
}

.cproject-slide {
    max-height: 530px;
}

.open .cproject-slide {
    /* max-height: 530px; */
}


.c-project-slider .slick-prev {
    left: 18px;
    z-index: 999;
}

.c-project-slider .slick-next {
    right: 18px;
    z-index: 999;
    opacity: 1 !important;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 1;
}

.btn-close:focus {
    box-shadow: none !important;
}

.c-project-slider .slick-next:before {
    content: url(../img/slide-next.png) !important;
}


.c-project-slider .slick-prev:before {
    content: url(../img/slide-prv.png) !important;
}


.pointswrap .slick-next:before {
    content: url(../img/slide-next.png) !important;
}

.pointswrap .slick-prev:before {
    content: url(../img/slide-prv.png) !important;
}

.slick-slide .cproject-image img {
    display: block;
    width: 100%;
    /* height: 300px; */
    /* height: 240px; */
    height: 167px;
    object-fit: cover;
}

.cproject-slide {
    margin: 0 8px;
}

section.hmintro {
    position: relative;
    display: block;
    /* padding-top: 115px; */
    padding-top: 85px;
}


.introcol2 {
    position: relative;
    display: block;
    margin-left: 65px;
}

.introcol2 h1 {
    color: #2E3137;
    font-size: 42px;
    font-weight: 400;
    line-height: 53px;
    letter-spacing: -0.42px;
    margin-bottom: 30px;
}

.introcol2 p {
    color: #414040;
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.17px;
    max-width: 400px;
}

.introcol1 {
    position: relative;
    display: block;
    margin-bottom: 75px;
}

a.allservice {
    color: #26394F;
    font-size: 16px;
    font-weight: 400;
    line-height: 69px;
    letter-spacing: -0.48px;
    background-image: url(../img/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: 140px center;
    padding-right: 48px;
    transition: 0.8s;
}

a.allservice:hover {
    opacity: 0.7;
}


.hm-client-slider .slick-slide {
    text-align: center;
}

.hm-client-slider .slick-slide img {
    display: inline-block;
}

.hm-client-slider .slick-track {
    display: flex;
    align-items: center;
}

.hm-client-slider-wrap {
    position: relative;
    display: block;
    max-width: 90%;
    margin: 0 auto;
}

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

.hm-client-slider .slick-next:before {
    content: url(../img/slide-nextsmall.png);
}

.hm-client-slider .slick-prev:before {
    content: url(../img/slide-prvsmall.png);
}

.hmclients h3 {
    color: #2E3137;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 53px;
    letter-spacing: -0.23px;
    margin-bottom: 28px;
}

section.completed-projects {
    position: relative;
    display: block;
    background: #F4F4F4;
    padding-top: 65px;
    padding-bottom: 55px;
    overflow: hidden;
}

.completed-count-wrap {
    position: relative;
    display: block;
    width: 405px;
    height: 360px;
    background: #FFF;
    padding: 40px 30px;
    margin-top: 140px;
}

.count-wrap {
    text-align: center;
}

span.counter,
span.sign {
    color: #2B3D5E;
    font-size: 91px;
    font-style: normal;
    font-weight: 500;
    line-height: 110px;
}

.count-wrap h6 {
    color: #2B3D5D;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.54px;
    margin-bottom: 23px;
}


.count-wrap p {
    color: #314B66;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.23px;
}


.hm-map-wrap {
    position: relative;
    display: block;
    width: 795px;
    height: 520px;
    background-repeat: no-repeat;
    background-size: cover;
}


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


.contry-point {
    position: absolute;
    display: block;
}

span.c-point {
    position: relative;
    display: block;
    /* width: 16px;
    height: 16px; */
    width: 10px;
    height: 10px;
    background: #3484CC;
    border-radius: 50px;
    top: 46px;
    left: -8px;
    z-index: 1;
    cursor: pointer;
}

.popcontact {
    position: relative;
    display: block;
    top: -2px;
    margin-left: 12px;
}

.country-popup {
    position: relative;
    display: flex;
    border-radius: 14px 11px 14px 0px;
    border: 1px solid #CDC7C7;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
    align-items: center;
    min-width: 130px;
    width: auto;
    height: 38px;
    justify-content: space-around;
    padding: 0 8px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}

.country-popup:hover {
    background: #002639;
    border-color: #002639;
}

.country-popup:hover a {
    color: #fff !important;
}

.country-popup img {
    transition: .5s;
}

.country-popup:hover img {
    filter: brightness(0) invert(1);
}

.open .country-popup {
    max-height: 200px;
    opacity: 01;
}

.country-popup>a {
    color: #2B3D5D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.42px;
    margin-bottom: 0;
    /* margin-right: 5px; */
}


.popcontact a {
    margin: 0 4px;
}

.co1 {
    /* top: 258px;
    right: 171px; */
    top: 260px;
    right: 55px;
    z-index: 9;
}

.co2 {
    /* top: 280px;
    right: 108px; */
    top: 316px;
    right: 204px;
    z-index: 2;
}

.co3 {
    /* top: 382px;
    right: 282px; */
    top: 270px;
    right: 85px;
    z-index: 9;
}

.co4 {
    /* top: 326px;
    right: 94px; */
    top: 346px;
    right: -108px;
}

.co5 {
    /* top: 377px;
    right: -19px; */
    top: 298px;
    right: 278px;
    z-index: 2;
}

.co6 {
    /* top: 346px;
    right: -108px; */
    top: 377px;
    right: 28px;
}

.co7 {
    /* top: 372px;
    right: -106px; */
    top: 285px;
    right: 146px;
}

.co8 {
    /* top: 281px;
    right: 34px; */
    top: 324px;
    right: 194px;
}

.co9 {
    /* top: 334px;
    right: 140px; */
    top: 330px;
    right: 108px;
}

.co10 {
    /* top: 324px;
    right: 194px; */
    top: 262px;
    right: 168px;
}

.co11 {
    /* top: 311px;
    right: 223px; */
    top: 330px;
    right: 166px;
}

.co12 {
    /* top: 260px;
    right: 55px; */
    top: 332px;
    right: -80px;
}

.co13 {
    top: 423px;
    right: -103px;
}

.co14 {
    top: 310px;
    right: 264px;
    z-index: 2;
}

/* 
.contry-point.pright {
    right: -61px;
    top: 391px;
} */

/* .contry-point.co7 {
    right: -99px;
    top: 363px;
} */

.pright span.c-point {
    left: 33px;
    z-index: 1;
}

.contry-point.co6.pright .country-popup {
    /* left: -125px; */
    left: -90px;
    z-index: 2;
}

.pright .country-popup {
    border-radius: 14px 14px 0px 14px;
    left: -108px;
    z-index: 1;
}

.contry-point.co9.open {
    z-index: 9;
}

.co11.open {
    z-index: 3;
}

.co7.pright .country-popup {
    left: -88px;
}

.co6 span.c-point {
    z-index: 5;
}

.contry-point.co7.pright.open {
    z-index: 5;
}

.co13 span.c-point {
    z-index: 5;
}

.contry-point.co5.open {
    z-index: 9;
}

.co7.pright span.c-point {
    z-index: 5;
}

.no-vacancies {}

.no-vacancies p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.19px;
    text-align: center;
}


footer.footer-wrap {
    position: relative;
    display: block;
    padding-top: 90px;
}

.footer-container {
    position: relative;
    display: block;
    max-width: 900px;
    margin: 0 auto;
}

.footer-container h4 {
    color: #1961ae;
    text-align: center;
    font-size: 47px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -0.47px;
    max-width: 620px;
    margin: 0 auto 70px auto;
}

.fcontact-row h6 {
    color: #817C7C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.contact-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.5s;
}

.contact-row:hover {
    opacity: 0.8;
}

.contact-row a {
    color: #222;
    font-size: 23px;
    display: block;
    font-weight: 400;
    line-height: 39px;
}

.fcontact-row {
    position: relative;
    display: block;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.fcontact-row:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.fcontact-col2 {
    position: relative;
    /* display: block; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: 118px;
    /* margin-top: 40px; */
    margin-top: 0;
}

address.faddress {
    max-width: 315px;
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
}

.fcontact-col2 p {
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 192.857% */
}

.f-social h6 {
    color: #8C8484;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0;
}

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

.f-social-links {
    position: relative;
    display: block;
    margin-left: 25px;
}

.f-social-links a {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    transition: 0.5s;

}

.f-social-links a:hover {
    opacity: 0.5;
}


.copyrights {
    position: relative;
    display: block;
    padding: 65px 0;
    text-align: center;
}

.copyrights h6 {
    color: #524E4E;
    font-size: 14px;
    font-weight: 400;
    line-height: 44px;
}

.copyrights h6 a {
    color: #524E4E;
}

.copyrights h6 a:hover {
    color: #364f64;
}


/* #backtop {
    display: inline-block;
    background-color: #1961ae;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
} */
#backtop {
    display: inline-block;
    background-color: #1961ae;
    width: 54px;
    height: 54px;
    text-align: center;
    border-radius: 22px;
    position: fixed;
    bottom: 88px;
    right: 22px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

#backtop:active {
    background-color: #555;
}

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

.floating-button {
    padding: 0 !important;
    border-radius: 4px !important;
    width: 50px;
    height: 50px;
    right: 30px !important;
    bottom: 25px !important;
}


/* .c-project-slider .slick-slide,
.c-project-slider .slick-track {
    width: 100% !important;
} */

/* End of Home page */

/* About us */
.side-buttons-wrap {
    position: fixed;
    top: 18%;
    right: 0;
    z-index: 999;
}

.side-buttons-wrap a {
    width: 42px;
    height: auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    opacity: 0.9;
    writing-mode: sideways-lr;
    color: #E6E0E0;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.14px;
}

.side-buttons-wrap a i {
    transform: rotate(30deg);
    font-size: 12px;
    left: 2px;
    position: relative;
}

.side-buttons-wrap a:nth-child(1) {
    background: #203C53;
}

.side-buttons-wrap a:nth-child(2) {
    background: #1D65A1;
}

.inner-banner-wrap {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    overflow-x: hidden;
}

.inner-banner-wrap,
.inner-banner-contents {
    width: 100%;
    height: 595px;
}

.inner-banner-contents {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inner-banner-contents h1 {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 80px;
    font-weight: 700;
    line-height: 104px;
    letter-spacing: -2.4px;
}

.inner-ban-bot-links {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 21px 0;
    z-index: 1;
}

.inner-ban-bot-links:before {
    content: '';
    position: absolute;
    /* width: 102%; */
    width: 120%;
    height: 100%;
    background: rgba(20, 20, 20, 0.63);
    backdrop-filter: blur(13px);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}

.inner-ban-bot-links ul {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 131px; */
    position: relative;
    margin-bottom: 0;
    padding-left: 0;
}

.inner-ban-bot-links ul:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 199px;
    background: #BEB9B9;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.inner-ban-bot-links ul li {
    list-style: none;
    width: 50%;
}

.inner-ban-bot-links ul li:first-child {
    text-align: right;
    padding-right: 55px;
}

.inner-ban-bot-links ul li:last-child {
    text-align: left;
    padding-left: 55px;
}

.inner-ban-bot-links ul li a {
    color: #E6E6E6;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.page-intro-wrap {
    padding: 95px 0 50px;
}

.page-intro-contents {}

.page-intro-contents>h2 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -1.02px;
    margin-bottom: 42px;
}

.page-intro-contents>p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.18px;
    max-width: 1052px;
    margin: auto;
}

.about-counter-block {
    margin-top: 60px;
    position: relative;
}

.about-counter-block>img {}

.about-counters {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 52px;
}

.about-count-single {
    width: 300px;
    height: 215px;
    display: flex;
    flex-direction: column;
    padding: 30px 35px 25px;
}

.about-count-single:nth-child(1) {
    background: #D9D9D9;
}

.about-count-single:nth-child(2) {
    background: #565967;
}

.about-count {
    color: #2B3D5E;
    font-family: "Open Sans";
    font-size: 85px;
    font-weight: 700;
    line-height: 110px;
    letter-spacing: -2.55px;
}

.about-count span {
    color: #2B3D5E;
}

.about-count-single p {
    color: #2B3D5D;
    text-align: left;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.72px;
}

.about-count-single:nth-child(2) .about-count,
.about-count-single:nth-child(2) .about-count span,
.about-count-single:nth-child(2) p {
    color: #FFF;
}

.bod-drag-img,
.drag-txt {
    display: none;
}

.why-choose-wrap {
    padding: 15px 0 75px;
}

.why-choose-contents {}

.why-choose-contents h2 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.36px;
    margin-bottom: 60px;
}

.why-choose-blocks {
    display: flex;
}

.why-choose-single {
    width: 20%;
    padding: 0 20px;
}

.why-choose-single h4 {
    color: #565967;
    text-align: center;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -0.19px;
    margin-bottom: 25px;
}

.why-choose-single p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.14px;
}

.service-provider-wrap {
    background: #FAFAFA !important;
    padding: 88px 0 75px;
}

.service-provider-wrap .container {
    max-width: unset;
    padding: 0;
}

.service-provider-contents {
    position: relative;
}

.service-provider-pic {
    position: relative;
}

/* .service-provider-pic:before {
    content: '';
    position: absolute;
    width: 839px;
    height: 689px;
    background: url('../img/service-provider-mask.png');
    background-size: contain;
    top: -25px;
    right: 0;
} */

.service-provider-pic>img {
    width: 96%;
    height: auto;
}

.service-provider-content-block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    max-width: 1260px;
    margin: auto;
}

.service-provider-left {
    max-width: 445px;
    padding-top: 115px;
}

.service-provider-left h2 {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 51px;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: -1.53px;
    margin-bottom: 15px;
}

.service-provider-left p {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.17px;
}

.service-provider-left a {
    width: fit-content;
    height: 60px;
    background: #2F5C89;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 28px;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.6px;
    margin-top: 55px;
    transition: .5s;
}

.service-provider-left a:hover {
    background: #002639;
}

.service-provider-right {}

.service-provider-right a {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 758px;
    height: 622px;
    background: url(../img/service-provider-mask.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    right: -62px;
}

.vision-mission-wrap {
    background: #FAFAFA;
    padding: 25px 0 50px;
}

.vision-mission-contents {
    display: flex;
    justify-content: center;
}

.vision-mission-contents>div {
    position: relative;
    text-align: left;
}

.vision-mission-contents>div h2 {
    color: #324260;
    font-family: "Open Sans";
    font-size: 56px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.56px;
    margin-bottom: 35px;
}

.vision-block p {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.56px;
}

.mission-block p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.26px;
}

.vision-block {
    text-align: right !important;
}

.vision-block:before {
    content: '';
    position: relative;
    width: 3px;
    height: 60px;
    background: #324260;
    right: 0;
    top: 0;
    margin-right: -77px;
    float: right;
    display: block;
    z-index: 9;
}

.vision-block {
    padding-right: 75px;
    padding-top: 45px;
    max-width: 495px;
    z-index: 1;
}

.mission-block {
    border-left: 1px solid #CEC4C4;
    padding-top: 175px;
    padding-left: 52px;
    max-width: 547px;
}

.bod-wrap {
    position: relative;
    overflow: hidden;
}

.bod-wrap>img {
    width: auto;
    height: auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.bod-contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bod-member-block {
    padding-top: 42px;
}

.bod-wrap h2 {
    color: #324260;
    font-family: "Open Sans";
    font-size: 45px;
    font-weight: 600;
    letter-spacing: -0.56px;
    text-align: center;
    line-height: 85px;
}


.bod-members {
    display: flex;
    justify-content: space-between;
}

.bod-single-member {
    position: relative;
}

.bod-single-member:nth-child(1),
.bod-single-member:nth-child(2) {
    padding-right: 13px;
    border-right: 1px solid #fff;
    text-align: right;
}

.bod-single-member:nth-child(3) {
    text-align: center;
    top: 62px;
    left: -15px;
}

.bod-single-member:nth-child(4),
.bod-single-member:nth-child(5) {
    padding-left: 13px;
    border-left: 1px solid #fff;
    text-align: left;
}

.bod-single-member h4 {
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

.bod-single-member span {
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.bod-single-member:nth-child(1) {
    top: 125px;
    right: 45px;
}

.bod-single-member:nth-child(2) {
    top: -3px;
    right: 80px;
}

.bod-single-member:nth-child(4) {
    top: -10px;
    left: 58px;
}

.bod-single-member:nth-child(5) {
    top: 138px;
    left: 35px;
}

.our-journey {
    padding: 100px 0 55px;
    background: #FAFAFA;
    overflow-x: hidden;
}

.our-journey .container {
    max-width: unset;
    padding-right: 0;
    padding-left: 25px;
}

.our-journey-top {
    display: flex;
}

.our-journey-top h2 {
    color: #324260;
    font-family: "Open Sans";
    font-size: 56px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -1.68px;
    width: 48%;
}

.our-journey-year-slider {
    width: 52%;
}

.our-journey-year-slider .slick-track {
    left: 18%;
}

.our-journey-year {
    color: #C0C2C7;
    font-family: "Open Sans";
    font-size: 43px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: -1.72px;
    position: relative;
    text-align: center;
    padding-bottom: 60px;
    transition: .7s;
    cursor: pointer;
}

.our-journey-year:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 48px;
    background: #000;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    transition: .7s;
}

.our-journey-year.slick-current {
    color: #324260;
    font-weight: 700;
}

.our-journey-year.slick-current:before {
    opacity: 1;
}

.our-journey-pic-and-slider {
    display: flex;
    align-items: center;
}

.our-journey-pic-blk {
    width: 58%;
}

.our-journey-pic-blk img {}

.our-journey-content-slider {
    width: 42%;
}

.our-journey-contents {}

.our-journey-content-block {
    display: flex !important;
    align-items: center;
    /* max-width: 1250px; */
    margin-top: 10px;
    /* margin: auto; */
}

.our-journey-contents>img {}

.our-journey-year-details {
    padding-left: 55px;
    padding-right: 55px;
}

.our-journey-mob-pic-blk {
    display: none;
}

.our-journey-year-details h3 {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 37px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: -1.11px;
    margin-bottom: 28px;
}

.our-journey-year-details p {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 500;
    line-height: 33px;
    margin-top: 25px;
}

/* End of About us */

/* Services */
.page-template-page-services .page-intro-wrap {
    padding: 95px 0 120px;
    background: #F9F9F9;
}

.page-template-page-services .page-intro-contents>h2 {
    max-width: 720px;
    margin: auto;
    margin-bottom: 30px;
}

.our-services-block {
    position: relative;
}

.our-services-block>h3 {
    color: #E0E2E5;
    text-align: center;
    font-family: "Open Sans";
    font-size: 111px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -3.33px;
    transform: rotate(-90deg);
    position: relative;
    left: -21%;
    top: 385px;
    width: fit-content;
}

.our-service-accordion {
    padding-left: 215px;
}

.our-service-accordion .accordion-item {
    border: none;
    background: transparent;
}

.our-service-accordion .accordion-item h2 {
    margin-bottom: 0;
    scroll-margin-top: 100px;
}

.our-service-accordion .accordion-item h2 button {
    color: #42444C;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.78px;
    padding: 28px 50px 25px 0;
    background: transparent;
    border-bottom: 1px solid #C2C1C1;
    outline: none;
    box-shadow: unset;
}

.our-service-accordion .accordion-item:last-child h2 button,
.our-service-accordion .accordion-item:last-child .accordion-body {
    border-bottom: none;
}

.our-service-accordion .accordion-item h2 button:focus {
    box-shadow: unset;
}

.our-service-accordion .accordion-body {
    padding: 25px 0;
    border-bottom: 1px solid #C2C1C1;
}

.our-service-accordion .accordion-body h4 {
    color: #326392;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.69px;
    margin-bottom: 14px;
    margin-top: 25px;
}

.our-service-accordion .accordion-body h4:first-child {
    margin-top: 0;
}

.our-service-accordion .accordion-body p,
.our-service-accordion .accordion-body ul li {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.14px;
}

.our-service-accordion .accordion-button::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 1px;
    background: #000;
    right: 27px;
    transition: .5s;
}

.our-service-accordion .accordion-button::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 24px;
    background: #000;
    right: 38px;
    transition: .5s;
}

.our-service-accordion .accordion-button:not(.collapsed)::after {
    height: 0;
}

.connect-team-wrap {
    background: #203045;
    padding: 72px 0 75px;
    /* overflow-x: hidden; */
    overflow: hidden;
}

.connect-team-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.connect-team-contents:before {
    content: '';
    position: absolute;
    width: 482px;
    height: 245px;
    background: url('../img/connect-team-overlay.png');
    bottom: -75px;
    right: -170px;
    z-index: -1;
}

.connect-team-contents h2 {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: -1.26px;
}

.connect-team-contents p {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.22px;
}

.connect-team-contents a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 48px;
    width: fit-content;
    height: 68px;
    background: #2F5C89;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.69px;
    transition: .5s;
}

.connect-team-contents a:hover {
    background-color: #002639;
}

/* End of Services */

/* Projects */
.post-type-archive-projects .page-intro-wrap {
    /* padding: 65px 0 45px; */
    padding: 65px 0 0;
    overflow-x: hidden;
}

.post-type-archive-projects .page-intro-contents>h2 {
    margin-bottom: 25px;
}

.projects-filter-block {
    margin-top: 40px;
}

.projects-filter-block>h3 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 600;
    line-height: 51px;
    letter-spacing: -0.63px;
    margin-bottom: 20px;
}

.projects-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.projects-filters>div {
    display: flex;
    align-items: center;
    gap: 22px;
}

.projects-filters>div label {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.39px;
    text-transform: uppercase;
}

.p-filter-1 {}

.select-drop-arrow {
    position: relative;
}

.select-drop-arrow::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 1px solid #C5B0B0;
    border-bottom: 1px solid #C5B0B0;
    /* right: 40px;
    top: -5px; */
    right: 22px;
    top: -28px;
    transform: rotate(-45deg);
    z-index: 1;
}

.p-filter-1 select {
    border: 1px solid #D9D9D9;
    background: #F5F5F5;
    height: 48px;
    width: fit-content;
    min-width: 237px;
    padding: 0 18px;
    color: #4C5057;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.15px;
    appearance: none;
    cursor: pointer;
}

.p-filter-1 select:focus-visible {
    outline: none;
}

.project-lists-wrap {
    background: #F9F9F9;
    padding: 40px 0 60px;
}

.project-lists-contents {}

.project-lists-contents>h3 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.57px;
}

.all-projects {
    margin-top: -12px;
}

.single-project-list {
    background: #FFF;
    margin-top: 46px;
}

.status-buttons div {
    display: flex;
    align-items: center;
}

.status-buttons div button {
    border: 1px solid #D9D9D9;
    background: #F5F5F5;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 48px;
    color: #4C5057;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.15px;
    margin: 0;
}

.status-buttons div button.active {
    color: #FFF;
    border: 1px solid #656E78;
    background: #656E78;
}

.project-results {
    margin-top: 35px;
    padding-top: 40px;
    background: #F9F9F9;
    position: relative;
    z-index: 1;
    /* padding-bottom: 90px; */
    padding-bottom: 60px;
}

.project-results:before {
    content: '';
    position: absolute;
    /* width: 120%; */
    width: 100vw;
    height: 100%;
    background: #F9F9F9;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}

.project-thumb-area {
    position: relative;
}

.project-thumb-area>img {
    width: 100%;
}

.project-thumb-area>div {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.project-taxo {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background: rgba(74, 86, 106, 0.63);
    height: 30px;
    width: fit-content;
    padding: 0 18px 0 0;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
    position: relative;
    left: 28px;
    top: 28px;
}

.project-taxo img {
    margin-right: 8px;
}

.project-status {
    /* background: rgba(91, 114, 87, 0.83); */
    background: rgb(91 114 87 / 96%);
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: end;
    /* padding: 0 25px; */
    padding: 0 18px 0 18px;
    /* height: 40px; */
    height: 28px;
}

.project-status span {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.15px;
}

.project-status span:first-child {
    display: none;
}

.single-project-bot-det {
    padding: 30px 26px 26px;
}

.single-project-bot-det>a {
    color: #182337;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.88px;
    min-height: 62px;
    display: block;
}

.project-dets {
    display: flex;
    /* align-items: center;
    justify-content: space-between; */
    margin-top: 22px;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: 15px;
}

.project-dets>.project-det-single {
    /* padding-right: 18px; */
}

.project-det-single {
    text-align: left;
    display: flex;
    flex-direction: column;
    /* width: 55%; */
    width: 100%;
}

.project-det-single label {
    color: #76797E;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.13px;
    text-transform: uppercase;
}

.project-det-single span {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.16px;
}

.project-det-right {
    display: flex;
    /* gap: 60px; */
    gap: 15px;
    /* width: 45%; */
    width: 100%;
    justify-content: space-between;
}

.project-det-right .project-det-single {
    /* text-align: right; */
}

.project-det-right .project-det-single:last-child {
    text-align: right;
}

.project-results>p {
    text-align: center;
    font-size: 25px;
}

.projects-taxon {
    padding: 48px 0 65px;
    background: #F9F9F9;
}

.projects-taxon h2 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -1.02px;
    margin-bottom: 10px;
}

.projects-taxon .all-projects p {
    text-align: center;
    margin-top: 35px;
    font-size: 40px;
    color: #c3c3c3;
}

/* End of Projects */

/* Single Projects */
.single-projects-banner-wrap {
    padding-top: 142px;
    background: #f9f9f9;
}

.single-projects-banner-contents {}

.single-projects-nav {
    margin-bottom: 38px;
}

.single-projects-nav ul {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-left: 0;
    justify-content: center;
}

.single-projects-nav ul li {
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
}

.single-projects-nav ul li:before {
    content: '/';
    position: absolute;
    color: #747577;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    right: -22px;
}

.single-projects-nav ul li:last-child:before {
    display: none;
}

.single-projects-nav ul li a {
    color: #747577;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
}

.single-projects-nav ul li:last-child a {
    border-radius: 30px;
    background: rgba(234, 234, 234, 0.63);
    padding: 0 20px 0 0;
    width: fit-content;
    height: 32px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.single-projects-nav ul li a img {
    width: auto;
    height: auto;
}

.single-projects-banner-contents h1 {
    color: #19406C;
    text-align: center;
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.14px;
    margin-bottom: 20px;
}

.single-projects-banner-contents>p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.16px;
    max-width: 1080px;
    margin: auto;
}

.single-projects-banner-picture {
    position: relative;
    /* padding-top: 125px; */
    padding-top: 160px;
    margin-top: 60px;
    display: flex;
    justify-content: end;
}

.single-projects-banner-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.project-summary-block {
    width: 375px;
    height: auto;
    padding: 27px 24px 22px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(5.5px);
    margin-right: 45px;
}

.project-summary-block h3 {
    color: #19406C;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.72px;
}

.project-summary-single-blk-1 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.project-summary-block h4 {
    color: #76797E;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.13px;
    margin-bottom: 0;
}

.project-summary-block span {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: -0.17px;
}

.project-summary-single-blk-2 {
    display: flex;
    margin-top: 20px;
}

.project-summary-single-blk-2>div {
    width: 50%;
}

.prjct-status-bar>div {
    border-top: 3px solid;
    margin-top: 7px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.16px;
}

.prjct-status-bar>div.project-completed {
    border-color: #33AF62;
    color: #1A8342;
}

.prjct-status-bar>div.project-progress {
    /* border-color: #76797E;
    color: #76797E; */
    border-color: #c30202;
    color: #c30202;
}

.prjct-status-bar {
    /* border-bottom: 1px solid #DBDBDB; */
    margin: 20px -24px 0;
    /* padding: 0 24px 15px; */
    padding: 0 24px 0;
}

.single-projects header.header-wrap {
    background: rgba(20, 20, 20, 0.94);
    backdrop-filter: blur(13px);
}

.single-projects header.header-wrap .menu>ul>li>a {
    color: #FFF;
}

.single-projects header.header-wrap.scrolled {
    background: rgba(20, 20, 20, 0.63);
    backdrop-filter: blur(13px);
}

.single-projects header.header-wrap.scrolled .menu>ul>li>a {
    color: #FFF;
}

.single-projects-gallery-wrap {
    background: #f9f9f9;
    padding-bottom: 80px;
}

.single-projects-gallery-contents {}

.single-projects-gallery-contents h2 {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 25px;
    font-weight: 600;
    line-height: 51px;
    letter-spacing: -0.75px;
    margin-bottom: 25px;
}

a.pg-image img {
    height: auto;
}

.project-gallery-slider .slick-prev:before,
.project-gallery-slider .slick-next:before {
    content: '' !important;
    position: absolute;
    opacity: 1 !important;
    display: block;
    width: 17px;
    height: 31px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: 0;
}

.project-gallery-slider .slick-prev:before {
    background: url('../img/pg-left-arrow.png');
}

.project-gallery-slider .slick-next:before {
    background: url('../img/pg-right-arrow.png');
}

.project-gallery-slider button.slick-prev,
.project-gallery-slider button.slick-next {
    width: 17px;
    height: 31px;
}

.project-gallery-slider button.slick-prev {
    left: -40px;
}

.project-gallery-slider button.slick-next {
    right: -40px;
}

.featured-projects-wrap {
    padding: 53px 0 100px;
}

.featured-projects-contents h2 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 600;
    line-height: 51px;
    letter-spacing: -0.78px;
    margin-bottom: 0;
}

.next-project-wrap {
    background-color: #07111F !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    height: auto;
    padding: 118px 0 110px;
}

.next-project-contents {
    text-align: center;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    max-width: 900px;
    margin: auto;
}

.next-project-contents h3 {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 48px;
    font-weight: 700;
    line-height: 62px;
    letter-spacing: -1.44px;
    margin-bottom: 36px;
}

.next-project-contents p {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.26px;
}

.next-project-contents a {
    margin-top: 36px;
    background: #2F5C89;
    width: fit-content;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.69px;
    padding: 0 48px;
}

/* End of Single Projects */

/* Group of Companies */
.group-companies-wrap {
    padding: 110px 0 110px;
    background: #F9F9F9;
}

.group-companies-contents {}

.single-group-company {
    margin-top: 100px;
}

.single-group-company:first-child {
    margin-top: 0;
}

.single-group-company h2 {
    color: #8A9BBC;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -2px;
    margin-bottom: 52px;
}

.sub-category-companies {
    max-width: 970px;
    margin: auto;
}

.sub-category-companies h3 {
    color: #555A63;
    font-family: "Open Sans";
    font-size: 37px;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: -1.48px;
    margin-bottom: 28px;
    margin-top: 55px;
}

.single-group-companies-blocks {
    /* max-width: 970px;
    margin: auto; */
}

.single-group-company-block {
    background: #FFF;
    width: 100%;
    height: auto;
    display: flex;
    padding: 28px 28px 30px;
    margin-top: 32px;
}

.single-group-company-block:first-child {
    margin-top: 0;
}

.single-group-logo {
    width: 30%;
    height: auto;
    display: flex;
    align-items: center;
}

.single-group-logo img {
    width: auto;
    height: auto;
}

.single-group-company-details {
    width: 70%;
}

.single-group-company-details h4 {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.44px;
    margin-bottom: 0;
}

.single-group-company-details p {
    color: #252424;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.15px;
}

.single-group-company-contacts {
    display: flex;
    /* gap: 40px; */
    gap: 5px;
    flex-wrap: wrap;
}

.single-group-company-con {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 30px;
}

.single-group-company-con a {
    color: #252424;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.14px;
    transition: .5s;
    width: max-content;
}

.single-group-company-con a:hover {
    color: #354e63;
}

/* End of Group of Companies */

/* Contact us */
.contact-info-wrap {
    padding: 100px 0 85px;
    background: #F9F9F9;
}

.contact-reach {
    height: 100%;
    padding-left: 40px;
}

.contact-reach label {
    color: #E0E2E5;
    font-family: "Open Sans";
    font-size: 111px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -3.33px;
    -webkit-writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: sticky;
    top: 125px;
}

.contact-info-contents {}

.contact-info-contents h2 {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 51px;
    font-weight: 600;
    line-height: 51px;
    letter-spacing: -1.53px;
    margin-bottom: 35px;
}

.contact-info-contents>p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.18px;
    max-width: 792px;
}

.contact-page-info-blocks {
    display: flex;
    margin-top: 47px;
}

.contact-p-info {}

.contact-p-info:nth-child(1) {
    width: 25%;
}

.contact-p-info:nth-child(3) {
    width: 35%;
    border-left: 1px solid #CFCFCF;
    padding-left: 42px;
}

.contact-p-info:nth-child(2) {
    width: 40%;
}

.contact-p-info span {
    color: #414040;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}

.contact-p-info a {
    color: #303235;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: -0.28px;
    transition: .5s;
}

.contact-p-info a:hover {
    color: #305680;
}

.contact-address-info {
    margin-top: 48px;
    display: flex;
    align-items: center;
    gap: 38px;
}

.contact-address-info span {
    color: #414040;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}

.contact-address-info p {
    color: #303235;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
}

.contact-address-info .contact-direction {
    width: fit-content;
    height: 47px;
    border: 1px solid #305680;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #303235;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.16px;
    padding: 0 22px;
    transition: .5s;
}

.contact-address-info .contact-direction svg path {
    transition: .5s;
}

.contact-address-info .contact-direction:hover {
    background: #305680;
    color: #fff;
}

.contact-address-info .contact-direction:hover svg path {
    fill: #fff;
}

.contact-info-contents iframe {
    width: 100%;
    height: 512px;
    margin-top: 38px;
}

.reach-world-companies {
    margin-top: 80px;
    /* max-width: 960px; */
    max-width: 920px;
}

.reach-world-companies h3 {
    color: #305680;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 600;
    line-height: 37px;
    letter-spacing: -0.23px;
    margin-bottom: 23px;
}

.reach-world-companies-blocks {}

.reach-world-single-company {
    display: flex;
    padding-top: 36px;
    padding-bottom: 36px;
    border-top: 1px solid #CDCDCD;
}

.reach-world-single-company:last-child {
    padding-bottom: 0;
}

.reach-world-flag {
    width: 5%;
    padding-top: 4px;
}

.reach-world-flag img {}

.reach-world-company-details {
    width: 70%;
}

.reach-world-company-details h4 {
    color: #06090C;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: -0.2px;
}

.reach-world-company-details p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.15px;
    max-width: 400px;
}

.rw-comp-contacts {
    display: flex;
    /* gap: 42px; */
    gap: 3px;
    flex-wrap: wrap;
}

.rw-comp-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 30px;
}

.rw-comp-info img {}

.rw-comp-info a {
    color: #414040;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -0.15px;
    transition: .5s;
}

.rw-comp-info a:hover {
    color: #305680;
}

.reach-world-logo {
    width: 25%;
    height: auto;
    display: flex;
    align-items: start;
    background: #f9f9f9;
}

.reach-world-logo img {
    mix-blend-mode: multiply;
    width: 100%;
    height: auto;
}

.contact-form-wrap {
    padding: 70px 0 95px;
}

.contact-form-contents {}

.contact-form-contents>h2 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 500;
    line-height: 51px;
    letter-spacing: -1.02px;
    margin-bottom: 7px;
}

.contact-form-contents>p {
    color: #2C2C2C;
    text-align: center;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
}

.contact-form-block {
    margin-top: 45px;
    max-width: 872px;
    margin: auto;
}

.contact-form-block .form-group {
    margin-top: 20px;
}

.contact-form-block label {
    color: #262020;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
}

.contact-form-block input {
    width: 100%;
    height: 45px;
    border: 1px solid #A39F9F;
    background: #FFF;
    border-radius: 0;
}

.contact-form-block select {
    width: 100%;
    height: 45px;
    border: 1px solid #A39F9F;
    background: #FFF;
    cursor: pointer;
    padding-left: 12px;
    border-radius: 0;
    appearance: none;
}

.contact-form-block .select-drop-arrow::before {
    width: 9px;
    height: 9px;
    border-left: 1px solid #6B6666;
    border-bottom: 1px solid #6B6666;
    right: 22px;
    top: 16px;
}

.contact-form-block hr {
    border: 1px solid #CDCDCD;
    width: 872px;
    margin: auto;
    margin-top: 38px;
    margin-bottom: 8px;
}

.contact-form-block textarea {
    width: 100%;
    height: 145px;
    border: 1px solid #A39F9F;
    background: #FFF;
    border-radius: 0;
}

.contact-btn {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.contact-btn input {
    width: fit-content;
    height: 58px;
    padding: 0 50px;
    border: 2px solid #A24F5E;
    background: #2F5C89;
    text-align: center;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 21px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.63px;
    transition: .5s;
}

.contact-btn input:hover {
    background-color: #002639;
    border-color: #002639;
}

.contact-btn .wpcf7-spinner {
    top: unset;
    position: absolute;
    margin: 0;
    left: 68%;
    transform: translate(-50%, 0);
}

/* Country Field WP */
.country-field {
    position: relative;
    z-index: 1;
}

.code-num {
    position: relative;
    z-index: 1;
}

span.iti__country-name {
    display: none;
}

.iti__country-list {
    width: 100%;
    overflow-x: hidden;
}

.iti__country-list::-webkit-scrollbar {
    width: 5px;
}

.iti__country-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F9F9F9 !important;
}

.iti__country-list::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, rgb(41 98 46) 10.8%, rgb(143 186 92) 94.3%);
}

.form-field.country-field label {
    top: 5px;
    font-size: 12px;
    z-index: 20;
}

.country-select.inside .flag-dropdown {
    width: 100%;
}

.country-select.inside .selected-flag {
    width: 100%;
}

.country-select .selected-flag .arrow {
    border-right: none;
    border-top: none;
    border-left: 1px solid #6B6666;
    border-bottom: 1px solid #6B6666;
    right: 22px;
    top: 26px;
    transform: rotate(-45deg);
    width: 9px;
    height: 9px;
}

.country-select .selected-flag .arrow {
    top: 17px;
    transition: .5s;
}

.country-select .selected-flag .arrow.up {
    border-bottom: 1px solid #000;
    transform: rotate(135deg);
    top: 24px;
}

.country-select .flag {
    display: none;
}

.country-select.inside input,
.country-select.inside input[type=text] {
    padding-left: 18px;
}

.country-select.inside .flag-dropdown:hover .selected-flag {
    background-color: transparent;
}

.country-select ul.country-list {
    width: 100%;
    overflow-x: hidden;
}

.country-select ul.country-list::-webkit-scrollbar {
    width: 10px;
}

.country-select ul.country-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}

.country-select ul.country-list::-webkit-scrollbar-thumb {
    background: #332a7e;
}

/* End of Country Field WP */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;
    text-align: center;
    margin: 25px 0 0;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #ff0000;
    text-align: center;
    margin: 25px 0 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    text-align: center;
    margin: 15px 0 0;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
}

/* End of Contact us */

/* Accreditation */
.accreditation-wrap {
    padding: 70px 0 75px;
}

.accreditation-wrap h2 {
    max-width: 718px;
    margin: auto;
    margin-bottom: 35px;
}

.iso-logos-block {
    display: flex;
    justify-content: center;
    gap: 100px;
}

.iso-logo-blk {
    text-align: center;
    margin-top: 85px;
    max-width: 210px;
}

.iso-logo-blk img {
    margin-bottom: 35px;
    /* width: auto;
    height: 159px; */
}

.iso-logo-blk h4 {
    color: #4A6088;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.46px;
    margin-bottom: 4px;
}

.iso-logo-blk p {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.32px;
    min-height: 52px;
}

/* .iso-logo-blk a {
    display: block;
    color: #524F4F;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    margin-top: 35px;
    transition: .5s;
} */

.iso-logo-blk a:hover {
    color: #4A6088;
}

.research-dev-wrap {
    background: #F9F9F9;
    padding: 85px 0 95px;
}

.research-dev-contents {
    text-align: center;
}

.research-dev-contents h2 {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -1.14px;
    margin-bottom: 28px;
}

.research-dev-contents p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.16px;
    max-width: 1050px;
    margin: auto;
}

.objectives-wrap {
    background: rgba(243, 245, 249, 0.98);
    backdrop-filter: blur(10.5px);
    position: relative;
    padding-top: 65px;
    padding-bottom: 80px;
}

.objective-contents {
    /* position: absolute; */
    width: 100%;
    height: auto;
    /* top: 0;
    left: 0; */
    z-index: 1;
}

.objective-contents-blk {
    width: 50%;
}

.objective-contents-blk h2 {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.76px;
    max-width: 450px;
    /* margin-bottom: 45px; */
}

.objective-points {
    display: flex;
    flex-wrap: wrap;
}

.objective-point {
    position: relative;
    width: 50%;
    margin-top: 42px;
    padding-top: 60px;
}

.objective-point:nth-child(Odd) {
    padding-right: 25px;
}

.objective-point:nth-child(Even) {
    padding-left: 20px;
}

.objective-point:nth-child(Even):before {
    left: 20px;
}

.objective-point:before {
    content: '';
    position: absolute;
    width: 38px;
    height: 38px;
    background: url('../img/objective-point-icon.png');
    left: 0;
    top: 0;
}

.objective-point p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: -0.18px;
    margin-bottom: 0;
}


.objective-pic {
    width: 48%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.objective-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mid-sec-wrap {
    padding: 75px 0 70px;
    background: #F9F9F9;
}

.mid-sec-contents {}

.mid-sec-contents p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.18px;
}

.mid-sec-images {
    display: flex;
    gap: 30px;
    margin-top: 80px;
}

.mid-sec-pic {}

.mid-sec-pic img {
    width: 100%;
    height: auto;
}

.project-sus-wrap {
    padding: 35px 0 50px;
    background: #F9F9F9;
}

.project-sus-contents {}

.project-sus-contents h2 {
    color: #2E3137;
    text-align: center;
    font-family: "Open Sans";
    font-size: 46px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -1.38px;
    margin-bottom: 20px;
}

.project-sus-contents>p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
}

.project-sus-blocks {
    display: flex;
    gap: 27px;
    justify-content: center;
    margin-top: 50px;
}

.project-sus-single-blk {
    position: relative;
    width: 32%;
}

.project-sus-single-blk img {
    width: 100%;
    height: auto;
}

.project-sus-block-details {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(20, 20, 23, 0.45);
    backdrop-filter: blur(2px);
    transition: .5s;
    padding: 30px 50px;
}

.project-sus-block-details:hover {
    background: rgb(20 20 23 / 78%);
}

.project-sus-block-details h4 {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 37px;
    font-weight: 700;
    letter-spacing: -0.74px;
    margin-bottom: 12px;
}

.project-sus-block-details p {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.19px;
    margin-bottom: 0;
}

.goals-wrap {
    padding: 45px 0 60px;
    background: #F9F9F9;
}

.goals-contents {
    display: flex;
    width: 95%;
    margin: auto;
}

.goals-img-blk {
    width: 50%;
}

.goals-img-blk img {
    width: 100%;
    height: auto;
}

.goals-content-blk {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 55px;
    text-align: justify;
}

.goals-content-blk h2 {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.6px;
    margin-bottom: 30px;
}

.goals-content-blk p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: -0.2px;
}

.goals-bottom-des {
    max-width: 1000px;
    margin: auto;
    margin-top: 120px;
    text-align: center;
}

.goals-bottom-des h3 {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 31px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.62px;
    margin-bottom: 40px;
}

.goals-bottom-des p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: -0.2px;
    max-width: 885px;
    margin: auto;
}

.accreditation-tab-wrap {
    background: #F9F9F9;
    padding: 60px 0 100px;
}

.accreditation-tab-contents-block {
    display: flex;
}

.accreditation-tabs {
    width: 418px;
    min-width: 418px;
    height: 100%;
    padding: 70px 75px 80px;
    background: #FFF;
}

.accreditation-tabs .nav {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.accreditation-tabs .nav button {
    color: #8D939F;
    font-family: "Open Sans";
    text-align: left;
    font-size: 35px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.05px;
    padding: 0;
}

.accreditation-tabs .nav button.active {
    color: #333C4D;
}

.accreditation-tab-contents {
    padding-left: 53px;
    padding-top: 22px;
}

.accreditation-tab-contents .tab-content {}

.accreditation-tab-contents .tab-pane {}

.accreditation-tab-contents .tab-pane p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 500;
    line-height: 37px;
    letter-spacing: -0.2px;
    margin-bottom: 30px;
}

.accreditation-tab-contents .tab-pane ul {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.accreditation-tab-contents .tab-pane ul li {
    color: #414040;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.2px;
}

.accreditation-accordion-blk {
    margin-top: 120px;
}

.accreditation-accordion-blk>h2 {
    color: #272948;
    text-align: center;
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: -1.14px;
    margin-bottom: 25px;
}

.accreditation-accordion-blk>p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.18px;
    max-width: 1080px;
    margin: auto;
}

.accreditation-accordion-blk .our-service-accordion {
    padding-left: 100px;
}

.accreditation-accordion-blk .our-services-block {
    max-width: 85%;
    margin: auto;
    margin-top: -25px;
}

.accreditation-accordion-blk .our-services-block>h3 {
    color: #EAEAEA;
    font-size: 91px;
    line-height: 104px;
    letter-spacing: -2.73px;
    left: -21%;
    top: 250px;
    text-transform: uppercase;
}

.accreditation-accordion-blk .our-service-accordion .accordion-button::before {
    height: 2px;
}

.accreditation-accordion-blk .our-service-accordion .accordion-button::after {
    width: 2px;
}

.accreditation-accordion-blk .our-service-accordion .accordion-item h2 button {
    color: #0B0B0C;
    font-weight: 500;
}

.accreditation-accordion-blk .our-service-accordion .accordion-item:last-child h2 button {
    border-bottom: 1px solid #C2C1C1;
}

.pdf-accred-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    width: fit-content;
    height: 60px;
    background: #2F5C89;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.69px;
    transition: .5s;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 50px;
}

.pdf-accred-btn:hover {
    background-color: #002639;
}

/* End of Accreditation */

/* Awards */
.awards-wrap {
    padding: 55px 0 55px;
    background: #F9F9F9;
}

.awards-details-blk {}

.award-left-content {
    padding-right: 48px;
    border-right: 1px solid #91B1D9;
}

.award-left-content h2 {
    color: #B7BAC0;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 3.78px;
    text-transform: uppercase;
    transform: rotate(-90deg) translate(-95px, -15px);
}

.awards-year-slider {
    padding-bottom: 80px;
    margin-top: 32px;
}

.award-year {
    color: #ACABB5;
    text-align: right;
    font-family: "Open Sans";
    font-size: 31px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: -1.55px;
    text-transform: uppercase;
    margin: 25px 0;
    position: relative;
    transition: .5s;
    cursor: pointer;
}

.award-year.slick-current {
    color: #69696D;
}

.awards-content-slider {
    margin-left: -34px;
}

.awards-contents {
    position: relative;
}

.awards-contents h3 {
    color: #69696D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.awards-lists-blocks {
    position: relative;
    padding-left: 95px;
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
}

.awards-lists-blocks:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background: url('../img/year-circle.png');
    left: 0;
    top: 32px;
    z-index: 2;
    transition: .5s;
}

.awards-lists-blocks:after {
    content: '';
    position: absolute;
    width: 72px;
    height: 1px;
    background: #1961ae;
    left: 8px;
    top: 41px;
    z-index: 1;
    transition: .5s;
}

.single-award {
    display: flex;
    gap: 20px;
    width: 50%;
    padding-right: 40px;
    margin-top: 20px;
}

.single-award a {}

.single-award a img {}

.single-award-det {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}

.single-award-det p {
    color: #7C7F84;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
    margin-bottom: 8px;
}

.single-award-det h4 {
    color: #4A6088;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.34px;
    margin-bottom: 0;
}

.awards-year-slider .slick-next {
    right: 22px;
    top: 90%;
}

.awards-year-slider .slick-prev {
    left: unset;
    right: 22px;
    top: -25px;
}

.awards-year-slider .slick-prev:before,
.awards-year-slider .slick-next:before {
    font-size: 0;
    content: '' !important;
    position: absolute;
    display: block;
    width: 24px;
    height: 13px;
    background: url('../img/award-slider-arrow.png');
}

.awards-year-slider .slick-prev:before {
    transform: rotate(180deg);
}

.awards-year-slider .slick-next:before {}

.award-bottom-year {
    margin-top: 50px;
}

.award-bottom-year .awards-lists-blocks:before,
.award-bottom-year .awards-lists-blocks:after {
    display: none;
}

.award-bottom-year .awards-lists-blocks {
    padding-left: 0;
    margin-top: 0;
}

.award-bottom-year .single-award {
    width: 33%;
}

.award-bottom-year .awards-contents h3 {
    margin-bottom: 25px;
}

/* End of Awards */

/* Careers */
.careers-info-wrap {
    padding: 100px 0 105px;
}

.careers-info-top-contents {
    max-width: 1015px;
    margin: auto;
    text-align: center;
}

.careers-info-top-contents h2 {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -1.35px;
    margin-bottom: 40px;
}

.careers-info-top-contents h4 {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.93px;
    margin-bottom: 46px;
}

.careers-info-top-contents p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.19px;
    max-width: 890px;
    margin: auto;
}

.careers-info-bottom-contents {
    display: flex;
    align-items: center;
    margin-top: 85px;
}

.careers-info-pic {}

.careers-info-pic img {}

.careers-info-contents {
    padding-left: 75px;
    max-width: 590px;
}

.careers-info-contents h3 {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 35px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.7px;
    margin-bottom: 30px;
}

.careers-info-contents p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.19px;
}

.life-sanken-wrap {
    background: linear-gradient(216deg, rgba(8, 55, 101, 0.98) 18.59%, rgba(26, 58, 89, 0.98) 82.37%);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(5.5px);
    width: 100%;
    height: auto;
    padding: 115px 0 120px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.life-sanken-wrap:before {
    content: '';
    position: absolute;
    width: 1513px;
    height: 670px;
    background: url('../img/life-sanken-overlay.png');
    /* background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: cover !important; */
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}

.life-sanken-contents {}

.life-sanken-contents>h2 {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 53px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -1.59px;
    margin-bottom: 15px;
}

.life-sanken-contents>p {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.19px;
    max-width: 1050px;
    margin: auto;
}

.life-sanken-count-block {
    position: relative;
    margin-top: 50px;
    padding: 85px 0 118px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.life-sanken-pics {
    position: absolute;
    width: 100%;
    height: 100%;
}

.life-sanken-pic-blk {
    position: absolute;
}

.life-sanken-pic-blk img {
    width: auto;
    height: auto;
}

.life-sanken-pic-blk:nth-child(1) {
    top: 20px;
    left: -110px;
}

.life-sanken-pic-blk:nth-child(2) {
    top: 308px;
    left: -110px;
}

.life-sanken-pic-blk:nth-child(3) {
    top: 165px;
    left: 123px;
}

.life-sanken-pic-blk:nth-child(4) {
    top: 60px;
    left: 357px;
}

.life-sanken-pic-blk:nth-child(5) {
    top: 60px;
    right: 300px;
}

.life-sanken-pic-blk:nth-child(6) {
    top: 120px;
    right: 72px;
}

.life-sanken-pic-blk:nth-child(7) {
    top: 0;
    right: -160px;
}

.life-sanken-pic-blk:nth-child(8) {
    top: 275px;
    right: -160px;
}

.life-sanken-count-box {
    border-radius: 30px;
    background: linear-gradient(196deg, rgba(18, 78, 137, 0.95) 10.89%, rgba(39, 86, 132, 0.95) 89.06%);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(5.5px);
    display: flex;
    flex-direction: column;
    padding: 45px 38px 55px;
    width: 308px;
    height: auto;
    text-align: center;
}

.life-sanken-count-box h5 {
    color: #EAEAEA;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.life-sanken-count-box h4 {
    color: #FFF;
    font-family: Oswald;
    font-size: 93px;
    font-style: normal;
    font-weight: 500;
    line-height: 104px;
    letter-spacing: -2.79px;
    margin-bottom: 25px;
}

.life-sanken-count-box h4 span {}

.life-sanken-count-box p {
    color: #EAEAEA;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.44px;
}

.team-contribution-wrap {
    padding: 80px 0 90px;
}

.team-contribution-contents {}

.team-contribution-contents h2 {
    color: #333C4D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 39px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -0.78px;
    margin-bottom: 10px;
}

.team-contribution-contents p {
    color: #414040;
    text-align: center;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.17px;
}

.team-contribution-slider {
    margin-top: 45px;
    width: 100%;
}

.team-contribution-slider .slick-track {
    left: 21.5%;
}

.team-contribution-image {
    margin: 0 19px;
}

.team-contribution-image img {
    width: 100%;
    height: auto;
}

.team-contribution-slider ul.slick-dots {
    bottom: -60px;
}

.team-contribution-slider ul.slick-dots li {
    margin: 0;
    transition: .7s;
    width: 100px;
    height: 2px;
    background: #E3DBDB;
}

.team-contribution-slider ul.slick-dots li.slick-active {
    background: #7B808D;
}

.team-contribution-slider ul.slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
}

.team-contribution-slider ul.slick-dots li button:before {
    display: none;
}

.our-team-wrap {
    background: rgba(240, 240, 240, 0.63);
    backdrop-filter: blur(13px);
    padding: 72px 0 75px;
}

.our-team-contents {}

.our-team-contents>h2 {
    color: #333C4D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -0.76px;
    margin-bottom: 20px;
}

.our-team-contents>p {
    color: #000;
    text-align: center;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
}

.vacancy-accordion {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.vacancy-accordion .accordion-item {
    width: 100%;
    border: 1px solid #D3D3D3 !important;
    background: #FFF;
}

.vacancy-accordion .accordion-item h2 {
    border-radius: 0 !important;
    border: none !important;
}

.vacancy-accordion .accordion-item h2 button {
    padding: 34px 120px 30px 120px;
    border-radius: 0 !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    box-shadow: unset;
}

.vacancy-accordion .accordion-item h2 button.accordion-button::after {
    filter: grayscale(1) opacity(0.7);
}

.vacancy-accordion .accordion-item h2 button .job-title {
    color: #585A86;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.72px;
}

.vacancy-accordion .accordion-item h2 button .job-type-date {
    color: #5D5656;
    font-size: 10px;
    position: absolute;
    right: 175px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.vacancy-accordion .accordion-item h2 button .job-type-date span {
    color: #5D5656;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.vacancy-accordion .accordion-body {
    padding: 0 120px 55px 120px;
}

.vacancy-accordion .accordion-body p {
    color: #414040;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.15px;
    margin-top: 30px;
}

.vacancy-accordion .accordion-body p:first-child {
    margin-top: 0;
}

.vacancy-accordion .accordion-body h3 {
    color: #3D3738;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.54px;
    margin-top: 35px;
    margin-bottom: 15px;
}

.vacancy-accordion .accordion-body ul {}

.vacancy-accordion .accordion-body ul li {
    color: #414040;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.14px;
}

.vacancy-accordion .accordion-body>a {
    width: fit-content;
    height: 50px;
    border: 2px solid #A24F5E;
    background: #2F5C89;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -0.57px;
    padding: 0 35px;
    margin-top: 32px;
    transition: .5s;
}

.vacancy-accordion .accordion-body>a:hover {
    background: #002639;
    border-color: #002639;
}

/* End of Careers */

/* Apply Vacancy */
.page-template-page-apply-vacancy .header-wrap {
    background: rgba(20, 20, 20, 0.94);
    backdrop-filter: blur(13px);
}

.apply-vacancy-banner-wrap {
    background: rgba(240, 240, 240, 0.63);
    backdrop-filter: blur(13px);
    padding: 170px 0 85px;
}

.apply-vacancy-banner-contents {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.apply-vacancy-banner-contents a {
    color: #525356;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.14px;
    display: flex;
    align-items: center;
    gap: 14px;
    width: fit-content;
}

.apply-vacancy-banner-contents a i {}

.apply-vacancy-banner-contents h1 {
    color: #272948;
    text-align: center;
    font-family: "Open Sans";
    font-size: 38px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -1.14px;
    margin-top: 8px;
    position: relative;
}

.apply-vacancy-banner-contents h1:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 93px;
    background: #BEB9B9;
    bottom: -125px;
    left: 50%;
    transform: translate(-50%, 0);
}

.apply-vacancy-form .alert.alert-success {
    text-align: center;
    margin-top: 30px;
}

.apply-vacancy-wrap {
    padding: 55px 0 50px;
    background: #F9F9F9;
}

.apply-vacancy-contents {}

.job-short-details {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
}

.job-short-details label {
    color: #7F8289;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.job-short-details label span {
    color: #585A86;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.48px;
}


.apply-vacancy-contents>h2 {
    color: #333C4D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.6px;
    margin-top: 48px;
}

.apply-vacancy-form {
    margin-top: 43px;
    background: #FEFEFE;
    padding: 35px 72px 40px;
}

.apply-vacancy-form h3 {
    color: #333C4D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: -0.48px;
    margin-bottom: 18px;
}

.apply-vacancy-form hr {
    width: 100%;
    height: 1px;
    background: #D9D7D7;
    margin: 45px 0 38px;
}

.apply-vacancy-form label {
    color: #262020;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 7px;
}

.apply-vacancy-form input {
    border: 1px solid #A39F9F;
    background: #FFF;
    border-radius: 0;
    width: 100%;
    height: 46px;
    font-size: 12px;
}

.apply-vacancy-form select {
    border: 1px solid #A39F9F;
    background: #FFF;
    border-radius: 0;
    width: 100%;
    height: 46px;
    appearance: none;
    cursor: pointer;
    font-size: 12px;
    padding-left: 12px;
}

.apply-vacancy-form .select-drop-arrow::before {
    width: 10px;
    height: 10px;
    border-left: 2px solid #6B6666;
    border-bottom: 2px solid #6B6666;
    right: 22px;
    top: 17px;
}

.apply-vacancy-form h4 {
    color: #333C4D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.44px;
    margin-bottom: 32px;
}

.apply-vacancy-form .form-group {
    margin-top: 16px;
}

.apply-vacancy-form textarea {
    border: 1px solid #A39F9F;
    background: #FFF;
    width: 100%;
    font-size: 12px;
    border-radius: 0;
}

.apply-vac-contact-details textarea {
    height: 90px;
}

.address-blk {
    margin-top: 30px;
}

.apply-vacancy-form h6 {
    color: #333C4D;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.36px;
    margin-bottom: 20px;
}

.reference-details p {
    color: #555;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin-top: -15px;
    margin-bottom: -12px;
}

.reference-single-blk {
    margin-top: 20px;
}

.reference-single-title {
    color: #262020;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px;
}

.reference-single-details {
    display: flex;
    gap: 14px;
}

.ref-field {
    width: 22%;
}

.ref-field:nth-child(4) {
    width: 30%;
}


.ref-field {
    position: relative;
    min-height: 52px;
    /* border: 1px solid #A39F9F; */
    background: #FFF;
}

.ref-field label {
    text-align: left;
    color: #6B6565;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    top: 15px;
    position: absolute;
    display: block;
    transition: all 0.2s;
    padding-left: 14px;
    z-index: 10;
}

.ref-field.active label {
    top: 5px;
    font-size: 12px;
    z-index: 20;
}

.ref-field input {
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    border: 1px solid #A39F9F;
    -webkit-appearance: none;
    outline: none;
    z-index: 15;
    color: #262020;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding-left: 14px;
    padding-top: 20px;
    height: 52px;
    border-radius: 0 !important;
}

.ref-field input:focus {
    border: 1px solid #A39F9F;
}

.resume-upload-block {}

.cv-upload-field {}

.cv-upload-field-blk {
    display: flex;
    gap: 22px;
}

/* Chrome */
.input-file-field .form-control::-webkit-file-upload-button {
    display: none;
}

/* Firefox */
.input-file-field .form-control::file-selector-button {
    display: none;
}

.cv-upload-field .input-file-field {
    width: 531px;
    height: 46px;
    border: 1px solid #A39F9F;
    background: #FFF;
    display: block;
    justify-content: end;
    margin-bottom: 5px;
}

/* .input-file-field  {
    width: 100%;
    display: block;
    line-height: 52px;
} */
.cv-upload-field .input-file-field input {
    width: 531px;
    height: 46px;
    position: absolute;
    z-index: 1;
    border: none;
    background: transparent;
    padding-top: 13px;
}

.cv-upload-field .input-file-field input {
    background: transparent;
}

.cv-upload-field .input-file-field label {
    width: 130px;
    height: 46px;
    border: 2px solid #A24F5E;
    background: #667482;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -0.45px;
    position: relative;
    margin-bottom: 0;
    min-width: 130px;
    float: right;
    top: -1px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cv-upload-field-blk h6 {
    color: #302F2F;
    font-family: "Open Sans";
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
}

.form-agree-blk {
    margin-top: 62px;
}

.form-agree-blk {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.form-agree-blk input {
    border: 1px solid #A39F9F;
    background: #FFF;
    width: 19px;
    height: 19px;
}

.form-agree-blk label {
    color: #555;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
}

.apply-vacancy-submit-btn {
    margin-top: 35px;
    display: flex;
    justify-content: center;
}

.apply-vacancy-submit-btn button {
    width: fit-content;
    height: 50px;
    border: 2px solid #A24F5E;
    background: #2F5C89;
    padding: 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -0.57px;
    transition: .5s;
}

.apply-vacancy-submit-btn button:hover {
    background-color: #002639;
    border-color: #002639;
}

.apply-vacancy-table-blocks {}

.apply-vacancy-table-blocks table {
    margin-bottom: 42px;
}

.apply-vacancy-table-blocks table thead {}

.apply-vacancy-table-blocks table thead th {
    color: #6B6565;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    padding: 7px 0 7px 14px;
}

.av-qualifications {
    width: 15%;
}

.av-university {
    width: 25%;
}

.av-class {
    width: 12%;
}

.av-start-date {
    width: 12%;
}

.av-end-date {
    width: 12%;
}

.av-effective-date {
    width: 22%;
}

.av-actions {
    width: 2%;
}

.apply-vacancy-table-blocks table tbody {}

.apply-vacancy-table-blocks table tbody tr {}

.apply-vacancy-table-blocks table tbody tr td {
    color: #262020;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 13px 5px 13px 14px;
    background: #F8F8F8;
    border: none;
    border-top: 1px solid #D9D7D7;
}

.av-delete-btn {
    border: 1px solid #828282;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.av-delete-btn:hover {
    background: #002639;
    border-color: #002639;
}

.av-delete-btn img {
    transition: .5s;
}

.av-delete-btn:hover img {
    filter: brightness(0) invert(1);
}

.av-details-adding-blk {
    display: flex;
}

.av-details-adding-blk .ref-field {
    width: 100%;
    padding-right: 12px;
}

.av-details-adding-blk .av-qualifications .ref-field {
    padding-left: 0;
}

.av-details-adding-blk .ref-field.active label {
    font-size: 11px;
}

.av-details-adding-blk .av-date-field label {
    font-size: 11px;
    top: 5px;
}

.av-details-adding-blk .ref-field select {
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    border: 1px solid #A39F9F;
    -webkit-appearance: none;
    outline: none;
    z-index: 15;
    color: #262020;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding-left: 14px;
    padding-top: 20px;
    height: 52px;
    border-radius: 0 !important;
}

.av-details-adding-blk .ref-field .select-drop-arrow::before {
    width: 8px;
    height: 8px;
    border-left: 1px solid #6B6666;
    border-bottom: 1px solid #6B6666;
    right: 15px;
    top: 20px;
}

.av-details-adding-blk .av-qualifications {
    width: 15%;
}

.av-details-adding-blk .av-university {
    width: 25%;
}

.av-details-adding-blk .av-class {
    width: 11%;
}

.av-details-adding-blk .av-start-date {
    width: 12%;
}

.av-details-adding-blk .av-end-date {
    width: 12%;
}

.av-details-adding-blk .av-effective-date {
    width: 22%;
}

.av-details-adding-blk .av-actions {
    width: 2%;
}

.av-add-button {
    margin-top: 32px;
}

.av-add-button button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #726C6C;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    width: 100%;
    height: 44px;
    background: #F3F3F3;
    transition: .5s;
    border: none;
}

.av-add-button button:hover {
    background: #002639;
    color: #fff;
}

.pm-qualifications {
    width: 30%;
}

.pm-institute {
    width: 21%;
}

.pm-effective-date {
    width: 25%;
}

.pm-mem-no {
    width: 21%;
}

.pm-actions {
    width: 3%;
}

.we-company {
    width: 42%;
}

.we-location {
    width: 25%;
}

.we-start-date {
    width: 15%;
}

.we-end-date {
    width: 15%;
}

.we-actions {
    width: 3%;
}

.single-projects-banner-contents>a:first-child {
    color: #525356;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.14px;
    display: flex;
    align-items: center;
    gap: 14px;
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 22px;
}

/* End of Apply Vacancy */

.pf-pagination {
    margin-top: 45px;
}

.pf-pagination ul {
    display: flex;
    list-style: none;
    gap: 10px;
    justify-content: center;
    padding: 0;
}

.pf-pagination li a {
    padding: 6px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
    transition: .5s;
    font-size: 14px;
}

.pf-pagination li a:hover {
    border: 1px solid #1961ae;
}

.pf-pagination li span.current {
    padding: 6px 12px;
    border: 1px solid #1961ae;
    background: #1961ae;
    color: #fff;
    font-size: 14px;
}

.grecaptcha-badge {
    display: none !important;
}

.about-mt-wrap {
    padding: 38px 0 0;
}

.about-mt-contents {}

.about-mt-contents h2 {
    color: #324260;
    font-family: "Open Sans";
    font-size: 45px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: -0.56px;
    margin-bottom: 32px;
    text-align: center;
}

.about-mt-contents ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* flex-wrap: wrap; */
}

.about-mt-contents ul li {
    color: #2E3137;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
    /* width: 49%; */
}

.about-mt-contents ul li strong {
    /* display: block; */
    font-size: 16px;
}

.f-social-links a img {
    width: 20px;
    height: 20px;
}