/******************************************************************************
* Header
*******************************************************************************/


/******************************************************************************
* Content
*******************************************************************************/

/** Banner slider **/
.banner-section {
    position: relative;
}

.banner-slide .banner-slide__item {
    position: relative;
    display: flex;
    align-items: end;
    height: 881px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 200px;
    z-index: 3;
}

.banner-slide__content {
    position: relative;
    max-width: 895px;
}

.banner-slide-image:before,
.banner-image:before {
    content: '';
    background: linear-gradient(90deg, rgba(8, 46, 68, 0.90) 13.34%, rgba(8, 46, 68, 0.00) 148.46%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.banner-subtitle {
    color: #FFF;
    font-size: clamp(18px, 1rem + 0.5vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.0833333em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.banner-slide .owl-item.active .banner-subtitle {
    visibility: visible;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 500ms;
}

.banner-title {
    color: #FFF;
    font-family: "Oxanium", sans-serif;
    font-size: clamp(32px, 1rem + 2.7vw, 67.778px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.1476em;
    margin-bottom: clamp(30px, 1rem + 2.3vw, 60px);
}

.banner-slide .owl-item.active .banner-title {
    visibility: visible;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 600ms;
}

.banner-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.banner-slide .owl-item.active .banner-actions {
    visibility: visible;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 700ms;
}

.banner-slide__controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-slide__navigation.slide-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 2;
}

.banner-slide.owl-carousel .owl-nav .owl-next {
    left: unset;
    right: 0;
}

.banner-slide.owl-carousel .owl-stage {
    display: flex;
}

.banner-slide.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}



/** About us **/

.bloc-image.image-1 {
    position: relative;
    width: 472px;
    height: 632px;
}

/** Company benefits **/

.benefit-item {
    position: relative;
    border-right: 0.5px solid #5F7889;
    background: #082E44;
    flex: 1;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.benefit-item:hover {
    background: #5F7889;
    flex: 1.5;
}

.benefit-item__inner {
    padding: clamp(40px, 1rem + 5.5vw, 120px) 30px 40px;
    height: 594px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.benefit-item * {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.benefit-txt {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 74px;
}

.benefit-item:hover .benefit-txt {
    margin-top: 0;
}

.benefit-number {
    color: #E1E1E1;
    text-align: center;
    font-family: "Oxanium", sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    width: 32px;
    height: 32px;
    justify-content: center;
    border: 1px solid #E1E1E1;
    margin-bottom: 52px;
    background-color: transparent;
    padding: 9px 5px 6px;
}

.benefit-item:hover .benefit-number {
    background-color: #082E44;
    border-color: #082E44;
}

.benefit-ico {
    position: relative;
}

.benefit-title {
    color: #E1E1E1;
    font-family: "Oxanium", sans-serif;
    font-size: clamp(20px, 1rem + 0.6vw, 25.888px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.38636em;
}

.benefit-item:hover .benefit-title br {
    display: none;
}

.benefit-item p {
    color: #E1E1E1;
    margin-bottom: 0;
    opacity: 0;
    height: 0;
}

.benefit-item:hover p {
    opacity: 1;
    height: auto;
}



/** Our services **/

.our-services-section .sect-title .bloc-title {
    margin-bottom: 60px;
}

.our-services-slide-wrap {
    position: relative;
}

.services-slide.owl-carousel .owl-dots {
    justify-content: center;
    margin-top: 60px;
}

.services-slide.owl-carousel .owl-stage {
    display: flex;
}

.services-slide.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.service-item {
    position: relative;
    border-top: 0.5px solid #E1E1E1;
    border-right: 0.5px solid #E1E1E1;
    border-bottom: 0.5px solid #E1E1E1;
    background: #5F7889;
    padding: 30px 20px 50px 20px;
    height: 100%;
    min-height: 474px;
    width: 370px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.service-item:hover {
    background: #082E44;
    border-color: #082E44;
}

.services-slide.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.service-item .service-image {
    position: relative;
    width: 100%;
    height: 244px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    margin: 0 0 50px auto;
}

.service-item:hover .service-image {
    width: 140px;
    height: 140px;
}

.service-item .service-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.service-text {
    position: relative;
    overflow: hidden;
}

.service-ico {
    margin-bottom: 24px;
}

.service-item .service-ico img {
    width: 40px;
    height: 40px;
}

.service-item:hover .service-ico img {
    width: 62px;
    height: 62px;
}

.service-title {
    color: #E1E1E1;
    font-family: "Oxanium", sans-serif;
    font-size: clamp(20px, 1rem + 0.6vw, 25.888px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.38636em;
    margin-bottom: 0;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.service-item:hover .service-title {
    margin-bottom: 30px;
}

.service-more {
    opacity: 0;
    margin-bottom: -52px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.service-item:hover .service-more {
    opacity: 1;
    margin-bottom: 0;
}

.our-services-slide-wrap .owl-nav {
    margin-top: 34px;
    display: flex;
    justify-content: center;
}


/** Testimonials **/

.testimonials__content {
    padding: clamp(50px, 1rem + 7.8vh, 100px) 0;
}


/** Intervention area **/

.intervention-area-section .bloc-content {
    padding: clamp(50px, 1rem + 7.8vh, 100px) 0;
}

.intervention-area__image .img-logo {
    margin-bottom: 32px;
    margin-left: 42px;
    width: 22%;
    max-width: 150px;
}

.intervention-area__image {
    position: absolute;
    top: 0;
    right: 0;
    width: 46%;
    max-width: 701px;
    height: 100%;
}


/** Map **/

.blk-map {
    position: relative;
    width: 100%;
    height: 429px;
    overflow: hidden;
}


/** Contact infos **/

.blk-contact-infos {
    position: relative;
    margin-bottom: 60px;
}

.blk-contact-infos .sect-title .bloc-title {
    margin-bottom: 40px;
}

.blk-contact-infos .contact-infos-item .contact-ico {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #082E44;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.blk-contact-infos .contact-infos-item:hover .contact-ico {
    background-color: #5F7889;
}

.blk-contact-infos .contact-infos-item {
    color: #727272;
    font-family: "Oxanium", sans-serif;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.411766em;
    align-items: center;
    display: flex;
    gap: 15px;
    border: 0.5px solid #082E44;
    padding: 15px;
}

.blk-contact-infos .contact-infos-item .contact-txt {
    display: flex;
    flex-direction: column;
}

.blk-contact-infos .contact-infos-item .contact-title {
    color: #5F7889;
    font-family: "Oxanium", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.60715em;
}

ul.contact-list li a:hover {
    color: #5F7889;
}


/******************************************************************************
* Footer
*******************************************************************************/

/* Footer column */

.footer-column {
    position: relative;
    padding: clamp(50px, 1rem + 4.4vw, 100px) 0 clamp(30px, 1rem + 3.4vw, 80px);
}

.footer-column__item {
    position: relative;
}

.footer-logo {
    margin-bottom: clamp(40px, 1rem + 3vw, 72px);
}

/** Footer referencing **/

.footer-referencing ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-referencing ul li {
    color: #E1E1E1;
    font-family: "Oxanium", sans-serif;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.29412em;
}


/** Footer Services **/

.footer-services ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-services ul li {
    color: #E1E1E1;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-services ul li a:hover {
    color: #5F7889;
}

/** Footer contacts **/

ul.contact-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

ul.contact-list li .contact-ico {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.contact-list li .contact-title {
    color: #5F7889;
    font-family: "Oxanium", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.60715em;
}

ul.contact-list li {
    color: #E1E1E1;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.445em;
    align-items: center;
    display: flex;
    gap: 14px;
}

ul.contact-list li a:hover {
    color: #5F7889;
}


/** Footer certification and insurance **/



/** Footer bottom **/

.footer-bottom {
    position: relative;
    padding: 29px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.copyright {
    color: #E1E1E1;
    font-family: "Oxanium", sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.466666em;
}

.copyright a:hover {
    color: #5F7889;
}




/******************************************************************************
* Intern Page
*******************************************************************************/

/** Banner **/

.intern .banner-inner {
    width: 100%;
    height: 100%;
    position: relative;
    height: 604px;
    display: flex;
    align-items: end;
    padding-bottom: 176px;
}

.intern.page-contact .banner-inner {
    height: 460px;
}

.intern .banner-content {
    position: relative;
}

/******************************************************************************
* Contact Page
*******************************************************************************/

/** Contact us **/