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

.sticked-menu.sticky-header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.sticked-menu {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 23;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition: visibility 400ms ease, -webkit-transform 400ms ease;
    transition: visibility 400ms ease, -webkit-transform 400ms ease;
    transition: transform 400ms ease, visibility 400ms ease;
    transition: transform 400ms ease, visibility 400ms ease, -webkit-transform 400ms ease;
    background: #FFF;
    box-shadow: 0px 100px 28px 0px rgba(0, 0, 0, 0.00), 0px 64px 26px 0px rgba(0, 0, 0, 0.03), 0px 36px 22px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.17), 0px 4px 9px 0px rgba(0, 0, 0, 0.20);
}


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


/** Banner slider **/

.banner-section {
    position: relative;
}

.banner-slide .banner-slide__item {
    position: relative;
    display: flex;
    align-items: center;
    height: 680px;
    width: 100%;
    overflow: hidden;
}

.banner-slide__content {
    position: relative;
    max-width: 1195px;
    padding: 0 65px 110px;
}

.banner-title {
    color: #FFF;
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.345em;
    margin-bottom: 0;
}

.banner-slide__item .banner-title {
    margin-bottom: 40px;
}

.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: 400ms;
}

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

.banner-action a {
    min-width: 360px;
    border-color: #fff;
    height: 72px;
}

.banner-action a:hover {
    border-color: #39B54A;
}

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


/** About us **/

.about-us-section {
    padding: 134px 0 97px;
}

.intern .about-us-section {
    padding: 114px 0 147px;
}

.intern.page-about-us .about-us-section {
    padding: 114px 0 160px;
}

.about-us__content .sect-title .sub-title,
.bloc-content .sect-title .sub-title {
    margin-bottom: 20px;
}

.intern .about-us__content .sect-title h1 {
    margin-bottom: 75px;
}

.intern.page-about-us .about-us__content .sect-title h1 {
    margin-bottom: 51px;
}

.bloc-content .sect-title .bloc-title {
    margin-bottom: 40px;
}

.about-us__content .layer-title {
    position: relative;
    margin: 0;
}

.about-us__content .bloc-content .bloc-text {
    padding: 100px 0;
}

.intern .about-us__content .bloc-content .bloc-text {
    padding: 84px 0;
}

.bloc-text p:first-of-type img:first-of-type,
.bloc-text p:first-of-type img:nth-of-type(2),
.bloc-text h2:first-of-type img:first-of-type {
    display: none;
}

.bloc-content.txt-box--left .txt-box {
    padding-right: 39px;
}

.bloc-content.txt-box--right .txt-box {
    padding-left: 39px;
}

.home .about-us__content .bloc-content--right {
    padding-top: 44px;
}

.experience-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 240px;
    width: 20%;
}

.bloc-image.image-1 {
    width: 562px;
    height: 428px;
    position: relative;
}

.bloc-image>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bloc-image .ico-logo {
    margin: 15px;
    max-width: 70px;
    width: 25%;
}


/** Company benefits **/

.company-benefits-section {
    padding: 54px 0 97px;
}

.company-benefits-section .sect-title .bloc-title {
    margin-bottom: 91px;
}

.company-benefits-items {
    position: relative;
    z-index: 2;
    margin-bottom: -250px;
}

.benefit-item {
    border-radius: 6px;
    background: #FFF;
    height: 100%;
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 30px 30px 30px;
    box-shadow: 233px 393px 128px 0px rgba(0, 0, 0, 0.00), 149px 251px 117px 0px rgba(0, 0, 0, 0.01), 84px 141px 99px 0px rgba(0, 0, 0, 0.05), 37px 63px 73px 0px rgba(0, 0, 0, 0.09), 9px 16px 40px 0px rgba(0, 0, 0, 0.10);
}

.benefit-item:hover {
    background: #39B54A;
}

.benefit-item .benefit-ico {
    border-radius: 6px;
    border: 3px solid #39B54A;
    background: #FFF;
    position: relative;
    margin: 0 auto 16px auto;
    width: 93px;
    height: 93px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.benefit-item:hover .benefit-ico {
    background: #39B54A;
    border-color: #fff;
}

.benefit-item:hover .benefit-ico svg path {
    fill: #fff !important;
}

.benefit-item p {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.benefit-item .benefit-title {
    color: #39B54A;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 23px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.benefit-item:hover p,
.benefit-item:hover .benefit-title {
    color: #fff;
}


/** Intervention area **/

.intervention-area__inner {
    padding: 421px 0 170px;
    max-width: 1760px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.intervention-area__inner .layer-circle {
    margin-bottom: -478px;
    margin-right: -682px;
}

.intervention-area__inner .layer-circle img {
    width: 1000px
}


/** Our services **/

.our-services-section {
    padding: 142px 0 112px;
}

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

.our-services-section.our-services-two {
    padding: 100px 0 70px;
    position: relative;
    margin-bottom: 140px;
}

.our-services-section.our-services-two:before {
    content: "";
    border-radius: 6px;
    background: #EAEAEA;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    max-width: 1760px;
}

.our-services-slide__outer {
    margin-top: -110px;
    position: relative;
    z-index: 3;
}

.service-box {
    border-radius: 6px;
    background: #FFF;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 233px 393px 128px 0px rgba(0, 0, 0, 0.00), 149px 251px 117px 0px rgba(0, 0, 0, 0.01), 84px 141px 99px 0px rgba(0, 0, 0, 0.05), 37px 63px 73px 0px rgba(0, 0, 0, 0.09), 9px 16px 40px 0px rgba(0, 0, 0, 0.10);
}

.service-box__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #D9D9D9;
    padding: 14px 30px;
    height: 110px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-box:hover .service-box__head {
    background: #39B54A;
}

.service-box__content {
    position: relative;
    padding: 27px 30px 53px;
    flex: 1;
}

.service-box ul li {
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.65em;
}

.service-box ul li span {
    display: block;
}

.service-box ul li a {
    position: relative;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5em;
}

.service-box ul li a:hover {
    color: #39B54A;
}

.service-box ul li a:after {
    content: '→';
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.service-box ul li:not(:last-child) {
    margin-bottom: 18px;
}

.service-box-title {
    color: #39B54A;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.27em;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-box:hover .service-box-title {
    color: #fff;
}

.service-box:hover .service-box-ico svg path {
    fill: #fff !important;
}

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

.our-services-slide.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease;
}

.our-services-slide.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible;
}

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

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

.our-services-slide.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 15px;
}

.service-item {
    width: 410px;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 233px 393px 128px 0px rgba(0, 0, 0, 0.00), 149px 251px 117px 0px rgba(0, 0, 0, 0.01), 84px 141px 99px 0px rgba(0, 0, 0, 0.05), 37px 63px 73px 0px rgba(0, 0, 0, 0.09), 9px 16px 40px 0px rgba(0, 0, 0, 0.10);
}

.service-image {
    height: 350px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

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

.service-title {
    color: #39B54A;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.27em;
    text-transform: uppercase;
    background-color: #fff;
    padding: 17px 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-item:hover .service-title {
    background-color: #39B54A;
}

.service-item .service-title a:hover,
.service-item:hover .service-title a {
    color: #fff;
}


/** Latest news **/

.latest-news-section {
    padding: 147px 0 130px;
}

.latest-lews__head {
    margin-bottom: 68px;
}

.actus-item {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 233px 393px 128px 0px rgba(0, 0, 0, 0.00), 149px 251px 117px 0px rgba(0, 0, 0, 0.01), 84px 141px 99px 0px rgba(0, 0, 0, 0.05), 37px 63px 73px 0px rgba(0, 0, 0, 0.09), 9px 16px 40px 0px rgba(0, 0, 0, 0.10);
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.latest-news-section .sect-title .bloc-title {
    margin-bottom: 52px;
}

.actus-item__txt {
    position: relative;
    padding: 30px 30px 30px;
    background-color: #fff;
    display: flex;
    flex: 1;
    flex-direction: column;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.actus-item:hover .actus-item__txt {
    background-color: #39B54A;
}

.actus-item .actus-image {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
}

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

.actus-item .actus-date {
    color: #39B54A;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.575em;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.actus-item .actus-title {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.385em;
    margin-bottom: 38px;
}

.actus-item .actus-more {
    margin-top: auto;
}

.actus-item .actus-more a {
    color: #fff;
    height: 56px;
    background: #39B54A;
    padding: 10px 14px;
}

.actus-item:hover .actus-more a {
    color: #39B54A;
    background: #fff;
}

.actus-item .actus-more a:before {
    display: none;
}

.actus-item:hover .actus-more a svg path {}

.actus-item:hover .actus-date,
.actus-item:hover .actus-title a {
    color: #fff;
}

.latest-news-action a {
    height: 64px;
}


/** Tesetimonials **/

.testimonials-section {
    padding: 45px 0;
}

.testimonials-section .sect-title .bloc-title {
    color: #FFF;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.35em;
    margin-bottom: 32px;
}

.testimonials__inner .testimonials-action a {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
    height: 56px;
}

.testimonials__inner .testimonials-action a:hover {
    color: #39B54A;
}

.testimonials__inner .testimonials-action a:before {
    background-color: #fff;
}


/** Blk contact infos **/

.contact-infos__inner {
    position: relative;
    margin-top: -79px;
}

.contact-info-item {
    position: relative;
    padding: 30px 30px 30px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 6px;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 233px 393px 128px 0px rgba(0, 0, 0, 0.00), 149px 251px 117px 0px rgba(0, 0, 0, 0.01), 84px 141px 99px 0px rgba(0, 0, 0, 0.05), 37px 63px 73px 0px rgba(0, 0, 0, 0.09), 9px 16px 40px 0px rgba(0, 0, 0, 0.10);
}

.contact-info-item:hover {
    background-color: #39B54A;
}

.contact-txt a {
    transition: none;
}

.contact-txt {
    color: #808080;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info-item:hover .contact-txt {
    color: #fff;
}

.contact-info-item .contact-title {
    color: #39B54A;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.27em;
    text-transform: uppercase;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info-item:hover .contact-title {
    color: #fff;
}

.contact-info-item .phone-nbr {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.27em;
}

.contact-info-item .contact-ico {
    border-radius: 6px;
    background: #39B54A;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info-item:hover .contact-ico {
    background: #CEF5D4;
}

.contact-info-item:hover .contact-ico svg path {
    fill: #39B54A !important;
}


/** Bloctel **/

.blk-bloctel {
    max-width: 1132px;
    margin: 0 auto;
    position: relative;
    color: #797979;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
}

.blk-bloctel .logo-bloctel {
    margin-right: 35px;
}


/** Map **/

.map-section {
    padding: 139px 0;
}

.blk-map {
    position: relative;
    overflow: hidden;
    height: 556px;
    width: 100%;
    border-radius: 6px;
}


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


/* Footer column */

.footer-column {
    padding: 134px 0 72px;
}

.footer-column__item {
    position: relative;
}


/** Footer newsletter **/

.footer-newsletter {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    position: relative;
    max-width: 520px;
}

.footer-newsletter .footer-title {
    margin-bottom: 40px;
}

.newsletter-form .form-group {
    margin-bottom: 25px;
    width: 100%;
}

.footer-newsletter .newsletter-form {
    max-width: 520px;
    margin-top: 22px;
}

.newsletter-form .form-group .form-control {
    font-family: "Poppins", sans-serif;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25em;
    height: 48px;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid #FFF;
    box-shadow: none;
    text-transform: none;
    padding: 10px 22px;
}

.newsletter-form .form-group button {
    width: 100%;
    color: #39B54A;
    border-color: #39B54A;
    background-color: transparent;
    height: 64px;
}

.newsletter-form .form-group button:hover {
    color: #fff;
}

.newsletter-form__note {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    margin-top: -2px;
    margin-bottom: 0;
}

.newsletter-form input:focus {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
}

.newsletter-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff !important;
}

.newsletter-form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1;
    /* Firefox */
}

.newsletter-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
}


/** Footer about **/

.footer-about .footer-title span:first-child {
    background: none;
    padding: 0;
}

.footer-about {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.47em;
}

.footer-about>ul>li:not(:last-child) {
    margin-bottom: 22px;
}

.footer-about>ul>li:last-child {
    padding-top: 20px;
}

.footer-about ul ul>li:not(:last-child) {
    margin-bottom: 10px;
}

.footer-about ul ul li a:after {
    content: '→';
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.2em;
    vertical-align: middle;
    margin-left: 5px;
}

.footer-about ul ul li a {
    font-weight: 700;
}

.footer-about ul li a:hover {
    color: #39B54A;
}


/** Footer contacts **/

.footer-contacts ul li {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.47em;
    position: relative;
}

.footer-contacts ul li span:first-child {
    text-transform: uppercase;
    color: #C2C2C2;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    line-height: 1.84em;
}

.footer-contacts ul li {
    display: flex;
    flex-direction: column;
}

.footer-contacts ul li:not(:last-child) {
    margin-bottom: 22px;
}

.footer-contacts ul li a:hover {
    color: #39B54A;
}


/** Footer certification **/

.footer-certification-insurance ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 22px 100px;
}


/** Footer bottom **/

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    padding: 50px 0;
}

.footer-bottom__inner {
    position: relative;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    flex-wrap: wrap;
}

.img-arobiz {
    margin-top: -8px;
}


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


/** Banner **/

.intern .banner-inner {
    position: relative;
    height: 440px;
    display: flex;
    align-items: center;
}

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


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


/** Contact us **/

.contact-us-section {
    padding: 46px 0 71px;
}

.contact-us-section .sect-title .sub-title {
    margin-bottom: 16px;
}

.contact-us-section .sect-title h1 {
    margin-bottom: 19px;
}

.contact-us-section .sect-title p {
    margin-bottom: 9px;
}