.localeSwitcher{
    display: none;
    width: 100%;
    background: #FAFAFC;
    margin: 0;
    padding: 10px 0;
    margin-top: -58px;
    transition: all .4s ease;
}
.localeSwitcher.show{
    display: flex;
}
.localeSwitcher p{
    margin: 0;
}
.localeSwitcher .form-inline{
    display: flex;
    gap: 10px;
    align-items: center;
}
.localeSwitcher .btn{
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 40px;
}
.localeSwitcher p{
    font-size: 14px;
    line-height: 1.3333733333;
    font-weight: 400;
}
.localeSwitcher .localeClose{
    font-size: 24px;
    cursor: pointer;
}
header.switcher{
    top: 58px !important;
}
.header-dark{
    transition: all .4s ease;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 650px;
    }
}

.references .references-item{
    padding: calc(var(--bs-gutter-x)* .5);
    display: flex;
    align-items: center;
    justify-content: center;
}

img{
    max-width: 100%;
}

.information-bank-item img{
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.map-wrapper .map{
    overflow: hidden;
}
.map-wrapper .map iframe{
    margin-top: -67px;
}
#popupX .close{
    position: absolute;
    right: 30px;
    top: 30px;
    background: none;
    border: none;
    font-size: 36px;
}

/* custom responsive */
@media(max-width:768px){
    section.hero form{
        display: none;
    }
    .hero .hero-call{
        position: static;
    }
    .hero .hero-call .call-inner{
        padding: 0 30px;
    }
    .hero .text-end{
        text-align: left !important;
    }
    .hero button{
        margin-top: 5px;
    }
    .hero .hero-slider .hero-slider-item .hero-content{
        background: transparent;
        top: auto;
        bottom: 10%;
    }
    .hero .hero-slider .hero-slider-item .hero-content h1{
        padding-right: 0;
        font-size: 1.60rem;
    }
    .header-dark .navbar{
        padding: 10px 0 0;
    }
    .sectoral-solutions{
        padding: 70px 0 0;
    }
    .sectoral-solutions .solutions-item{
        border-right: solid 1px #D9D9D9;
    }
    .knowledge-base .slider-content .slider .slick-dots{
        left: 11%;
    }
    .academy-bar .text-end{
        text-align: left !important;
        margin-top: 5px;
    }
    footer .text-end{
        text-align: left !important;
    }
    header button.navbar-toggler{
        filter: brightness(0) invert(1);
    }
    header nav .navbar-collapse{
        background: #fff;
    }
    .header-dark .navbar .nav-item .nav-link{
        color: #000;
    }
    .header-dark .navbar .language{
        color: #000;
        padding: 0 20px 10px;
    }
    .subpage-header .container-main,
    .subpage-header{
        height: 280px;
    }
    .subpage-header .container-main .sub-title h2{
        font-size: 2rem;
    }
    .text-wrapper .width-image .image-content .about-p2{
        display: none;
    }
    .text-wrapper .width-image .image-content .about-p1{
        width: 100%;
        position: static;
    }
    .text-wrapper .width-image .image-content{
        height: auto;
    }
    .text-wrapper{
        margin-bottom: 70px;
    }
    .about-mission{
        padding: 70px 0;
    }
    .about-statics .static-item{
        border: none;
        margin: 10px 0;
    }
    .about-statics .static-item:last-child{
        margin: 10px 0;
    }
    .about-statics{
        padding: 70px 0;
    }
    .talent .talent-content{
        padding: calc(var(--bs-gutter-x)* .5);
    }
    .full-image-text{
        padding-bottom: 60px;
    }
    .hr-position{
        padding: 70px 0;
    }
    .position-lists .position-list-content h4{
        margin-top: 15px;
    }
    .references .references-item{
        border: solid 1px #D9D9D9;
    }
    .references .references-item:nth-child(-n+6){
        border: solid 1px #D9D9D9;
    }
    .references .references-item:nth-child(6n){
        border: solid 1px #D9D9D9;
    }
    .references{
        margin-bottom: 70px;
    }
    .products{
        margin-bottom: 60px;
    }
    .products .product-list .product-item a img{
        margin-bottom: 35px;
    }
    .products .product-list .product-item a .small-title{
        margin-bottom: 35px;
    }
    .products .product-list .product-item a h5{
        height: auto;
    }
    .more-link-back{
        margin-left: 25px;
    }
    .form{
        padding: 70px 0;
    }
    section.form .w-100{
        width: auto !important;
    }
    .form .form-wrapper{
        margin: 35px 0;
        padding: 35px;
    }
    .header-dark-small .navbar .nav-item .nav-link{
        color: #000;
    }
    header nav .navbar-collapse{
        z-index: 5;
    }
    .header-dark-small .navbar .language {
        color: #000;
        padding: 0 20px 10px;
    }
    .text-wrapper .title-half{
        padding-right: 0;
    }
    .text-wrapper .page-content-links{
        margin-bottom: 20px;
    }
    .contact-wrapper{
        padding: 70px 0;
    }
    .contact-wrapper .contact-form .contact-form-wrapper{
        padding: 35px 35px 0;
    }
    .hero .slick-dots{
        top: 35%;
    }
    .knowledge-base,
    .solutions{
        padding: 50px 0;
    }

    header.switcher{
        top: 85px !important;
    }
    .hero .hero-call .call-inner h4 span{
        font-size: 1.6rem;
    }
    .hero .hero-call .btn{
        line-height: 45px;
        padding: 0 20px;
    }
    .localeSwitcher p{
        font-size: 12px;
        margin-bottom: 10px;
        text-align: center;
    }
    header .navbar-brand img{
        height: 45px;
    }
    .cookie-bar{
        line-height: 1.4;
    }
    .cookie-bar .text-end{
        text-align: left !important;
        margin-top: 10px;
    }
    .cookie-bar a{
        width: calc(50% - 15px);
        text-align: center;
    }
    #popupX .close{
        right: 15px;
        top: 15px;
    }
}


.navbar-brand .logo2{
    margin-left: 10px;
}

@media(max-width:1800px){
    .header-dark .navbar .nav-item{
        padding: 10px 10px;
    }
}
@media(max-width:768px){
    header .navbar-brand img{
        height: 40px;
    }
    .navbar-brand .logo2{
        height: 25px;
    }
}

.blog-item .blog-item-image a{
    display: block;
    width: 100%;
}
.blog-item .blog-item-image img{
    object-fit: cover;
    width: 100%;
}

.documents-list .documents-list-item{
    background-image: url(../img/cert_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

ul.social{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
ul.social li a{
    color: #0A923F;
    padding: 3px 0;
    opacity: 0.75;
    position: relative;
    transition: all 0.4s ease-in-out;
}
ul.social li a:hover{
    opacity: 1;
}

.rd-tabs .tab-content .rd-list .rd-list-item.f-400 p{
    font-weight: 400;
}
.rd-tabs .tab-content .rd-list .rd-list-item.f-400 p a{
    color: #021609;
}

footer .mail-list{
    background: #F1F5F7;
    background-size: cover;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 40px;
    height: 150px;
    margin-bottom: 100px;
}
footer .mail-list .title .small-title {
    margin: 0 0 0 0;
}
footer .mail-list .title h3 {
    margin: 0;
}
footer .mail-list .title{
    margin: 0;
}
footer .mail-list .mail-form {
    text-align: right;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    height: 60px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
footer .mail-list .mail-form input {
    width: 70%;
    padding: 0 20px;
    font-size: 0.875rem;
    border: none;
    background: none;
    outline: none;
}
footer .mail-list .mail-form button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-weight: 700;
    transition: all 0.4s ease-in-out;
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    font-size: 1rem;
    border: none;
    width: 30%;
}
footer .mail-list .mail-form .subscribeContainer{
    width: 100%;
}
footer .mail-list .mail-form .subscribeContainer small{
    line-height:18px;
    display:block;
    margin-top:5px;
    margin-left:5px;
    text-align:left;
}

@media(max-width: 768px) {
    footer .mail-list {
        margin-bottom: 60px;
        height: auto;
        padding: 20px;
        background-size: contain;
        margin-left: 0px;
        margin-right: 0px;
    }
    footer .mail-list .title {
        margin-bottom: 20px;
    }
    footer .mail-list .title {
        margin-bottom: 20px;
    }
    footer .mail-list h3 {
        font-size: 1.25rem;
    }
}

p{
    opacity: 1;
}
.text-wrapper .page-content ul li{
    opacity: 1 !important;
}

.cookie-bar{
    z-index: 9999;
}
#popupX{
    z-index: 99999;
}
.modal-backdrop.show{
    z-index: 99998;
}
#popupX .close{
    background: #fff;
    border-radius: 50%;
}
#popupX .close:hover {
    background: #e3e3e3;
}
.text-wrapper .page-content-links{
    align-items: center;
    margin-bottom: 20px;
}

.title h1.h2{
    font-size: 2.75rem;
    margin: 0 !important;
}

.cookie-bar .col-md-3{
    display: inline;
    white-space: nowrap;
}
.cookie-bar{
    line-height: 1.3rem;
}

@media(min-width:768px){
    .page-content h2{
        font-size: 2rem;
        margin-bottom: .5rem !important;
    }
}

.hero .hero-slider .hero-slider-item .hero-content h2{
    padding-right: 50%;
    color: #fff;
    display: block;
    margin: 0 !important;
}
@media(max-width:768px){
    .hero .hero-slider .hero-slider-item .hero-content h2{
        padding-right: 0;
        font-size: 1rem;
    }
    .hero .hero-slider .hero-slider-item .hero-content .btn-large{
        line-height: 30px;
        padding: 0 10px;
        margin-top: .5rem !important;
        font-size: 13px;
    }
    .hero .slick-dots{
        left: auto;
        right: 2%;
    }
}



header ul.dropdown-menu li ul{
    display: block;
    list-style: none;
    padding-left: 20px;
}
header ul.dropdown-menu li:hover ul{

}


@media(min-width:769px){

    header ul.dropdown-menu li{
        position: relative;
    }
    header ul.dropdown-menu li a:has(+ ul){
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    header ul.dropdown-menu li a:has(+ ul):after{
        content: "\f054";
        font-family: var(--fa-style-family,"Font Awesome 6 Free");
        font-weight: var(--fa-style,900);
        moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }
    header ul.dropdown-menu li ul{
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        min-width: var(--bs-dropdown-min-width);
        margin: 0;
        border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
        border-top-right-radius: var(--bs-dropdown-border-radius);
        border-bottom-right-radius: var(--bs-dropdown-border-radius);
    }
    header ul.dropdown-menu li:hover ul{
        display: block;
    }
}


@media(min-width: 1200.1px) and (max-width: 1400px){
    .hero .hero-slider .hero-slider-item .hero-content h1{
        font-size: 2.5rem;
    }
    .hero .hero-slider .hero-slider-item .hero-content{
        bottom: 40%;
    }
}
@media(min-width: 768.67px) and (max-width: 1200px){
    .hero .hero-slider .hero-slider-item .hero-content h1{
        font-size: 2rem;
    }
    .hero .hero-slider .hero-slider-item .hero-content h2{
        font-size: 1.5rem;
    }
    .hero .hero-slider .hero-slider-item .hero-content{
        bottom: 25%;
    }
    .hero .hero-search{
        display: none;
    }
    header button.navbar-toggler{
        filter: brightness(0) invert(1);
    }
}