/* ======== HEADER START ========== */
.header-main-h2.header--sticky {
    background-color: #F3F3F3;
}

.header-main-h2.header--sticky .rts-btn {
    background: white !important;
    color: #196B52;
    font-weight: 500;
}

.header-main-h2.header--sticky .rts-btn i {
    margin-left: 10px;
}

.header-main-h2.header--sticky .rts-btn.rejoignez-nous {
    background: #196B52 !important;
    color: white;
    font-weight: 500;
}


.header-main-h2.header--sticky .rts-btn:hover {
    background: #c9f1e5 !important;
    color: #196B52;
}


.header-main-h2.header--sticky .rts-btn.rejoignez-nous:hover {
    background: #259372 !important;
    color: white;
    font-weight: 500;
}



.header-main-h2.header--sticky #linkedin i {
    color: #cce4dc;
    background-color: #196B52;
    padding: 15px;
    border-radius: 50%;
}

@media (min-width: 1024px) {
    #menu-btn {
        display: none;
    }

}

/* ======== HEADER END ========== */



/* ======== BANNER START ========== */
.banner-two-swiper-start .disc {
    color: black !important;
    font-weight: 300 !important;
}

.banner-two-swiper-start .rts-btn {
    background-color: white;
    color: black;
    box-shadow: 2px 7px 11px 0px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: 2px 7px 11px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 2px 7px 11px 0px rgba(0, 0, 0, 0.32);
}

@media only screen and (max-width: 767px) {
    .banner-two-main-wrapper-solaric {
        height: 700px;
    }


    .slider-arrow-top,
    .slider-arrow-bottom {
        display: none;
    }



}


.slider-arrow-top {
    position: absolute;
    left: 56px;
    top: 136px;
    color: #196B52ed;
    z-index: 10000;
}


.slider-arrow-bottom {
    position: absolute;
    left: 56px;
    top: 460px;
    color: #196B52ed;
    z-index: 10000;
}


/* ======== BANNER END ========== */

/* ======== ABOUT START ========== */
.content-section .upper-title {
    font-size: 30px;
    background-color: #f3f3f3;
    padding: 5px 20px;
    border-radius: 25px;
}

.content-section .upper-title i {
    font-size: 20px;
    position: relative;
    bottom: 2px;
}

.content-section .title {
    color: #196B52;
    font-size: 25px;
    line-height: 35px;
    padding: 5px 20px;
}

.content-section .disc {
    color: black;
    font-size: 20px;
    font-weight: 200;
}

.rts-about-area .carousel-controls {
    text-align: right;
}

.rts-about-area button {
    background-color: #CCE4DC;
    color: #196B52;
    font-size: 30px;
    padding: 10px 15px;
    border-radius: 30px;
    width: 60px;
    box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.45);
    transition: 1s ease-in-out;
}

.rts-about-area button:hover {
    background-color: #196B52;
    color: #ffffff;
}


.rts-about-area .carousel-controls> :nth-child(1) {
    opacity: 50%;
}

@media only screen and (max-width: 767px) {
    .rts-about-area .carousel-controls {
        display: none;
    }

    .rts-about-area {
        padding-top: 30px !important;
    }

    .content-section .upper-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .content-section .title {
        font-size: 25px;
        line-height: 30px;
    }
}


/* ======== ABOUT END ========== */

/* ======== REALISATION START ========== */
.realisations {
    padding-bottom: 0px;
}

.realisations .carousel-controls {
    text-align: left !important;
    padding-bottom: 20px;
}



.realisations .image-overlay {
    position: relative;
    display: inline-block;
}

.realisations .image-overlay img {
    display: block;
    width: 100%;
    height: auto;
}

.realisations .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1283366a;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 40px;
}

.realisations .image-overlay:hover .overlay {
    opacity: 1;
}

.realisations .overlay-text {
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    position: absolute;
    bottom: 30px;
    left: 25px;
}

.realisations .project1 .col-md-5 img,
.realisations .project2 .col-md-5 img {
    position: relative;
    top: 80px;
}



.realisations .thumbnail-solari-about .row {
    padding: 20px;
}

#carouselExampleControls2,
#carouselExampleControls4,
#carouselExampleControls6,
#carouselExampleControls8,
#carouselExampleControls10,
#carouselExampleControls12,
#carouselExampleControls14,
#carouselExampleControls16,
#carouselExampleControls18,
#carouselExampleControls20 {
    bottom: 50px;
}

.realisations .thumbnail:hover img {
    transform: scale(1.1);
}

.realisations .title {
    padding: 0px;
}

.realisations .content-inner .col-md-12 p {
    font-size: 20px;
    padding: 10px;
    background: #f3f3f3;
    margin-bottom: 10px;
    border-radius: 20px;
}

@media only screen and (max-width: 767px) {
    .realisations .column1 {
        order: 2;
    }

    .realisations .column2 {
        order: 1;
    }

    .realisations #carouselExampleControls2 {
        bottom: 0px;
    }

    .realisations .mobile {
        display: block !important;
    }

    .realisations .desktop {
        display: none;
    }

    .realisations .desktop-controls {
        display: none;

    }

    .realisations .mobile-controls {
        display: block !important;
        text-align: center;
    }

    .realisations .carousel-controls.mobile-controls {
        text-align: center !important;
    }
}



.realisations .mobile {
    display: none;
}

.realisations .mobile-controls {
    display: none;
}

/* ======== REALISATION END ========== */

/* ======== QHSE START ========== */

#qhse .thumbnail-solari-about {}

@media only screen and (max-width: 767px) {
    #qhse .thumbnail-solari-about {
        /* position: unset; */
        top: 0px;
    }
}

/* ======== QHSE END ========== */


/* ======== PARTENERS START ========== */

.references .thumbnail-solari-about img {
    height: auto;
    box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.references .logos {
    position: relative;
    top: 50px;
}

@media only screen and (max-width: 767px) {
    .references .logos div {
        text-align: center;
    }

    .references .logos {
        top: 0px;
    }
}

/* ======== PARTENERS END ========== */


/* ============ FOOTER START ========== */


.pages-footer ul li.pages a i {
    margin-right: 15px;
    color: white;
    background-color: #196B52;
    border-radius: 50%;
    padding: 5px 6px;
    font-size: 10px !important;
}


.rts-social-style-one li a {
    background-color: #196B52 !important;
}

.rts-social-style-one li a i {
    color: white !important;
}

.rts-social-style-one li a:hover {
    background-color: #419a7f !important;
}

@media only screen and (max-width: 767px) {
    .single-footer-one-wrapper {
        display: unset;
    }

    .logo-area-footer img {
        width: 100%;
    }

    .rts-social-style-one {
        margin-bottom: 20px;
    }

    .footer-decoration {
        opacity: 30%;
    }

}


.footer-decoration {
    width: 150px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}


/* ============ FOOTER END ========== */

/* ============ CONTACT START ========== */

.rts-contact-wrapper-form-area .rts-btn {
    background-color: #196B52;
    color: white;
}

.rts-contact-wrapper-form-area .rts-btn:hover {
    background-color: #2f9979;
    color: white;
}


/* ============ CONTACT END ========== */




div {
    scroll-margin-top: 100px;
    /* Adjust this value based on your fixed header height */
}

.carousel-item {
    opacity: 0;
    /* Start with hidden state */
    transition: opacity 2s ease-in-out;
    /* Match the fade transition time */
}

.carousel-item.active {
    opacity: 1;
    /* Fully visible state for the active item */
    transition: opacity 2s ease-in-out;
    /* Smooth transition for fading */
}


.our-service-area-start .content-inner p.disc {
    padding: 5px 20px;
}

.our-service-area-start .nav-item img {
    width: 220px;
    border-radius: 10px;
    height: 140px;
}


.our-service-area-start .upper-title {
    padding: 0px;
    background-color: unset;
}



.our-service-area-start .carousel-indicators {
    top: 250px;
}

.our-service-area-start .carousel-indicators [data-bs-target] {
    background-color: #196b52;
    width: 35px;
    height: 7px;
    border-top: unset;
    border-bottom: unset;
    border-radius: 10px;
}


.our-service-area-start .carousel-inner {
    overflow: unset;
}


.solari-about-left-content .upper-title {
    font-size: 30px;
    background-color: #f3f3f3;
    padding: 5px 20px;
    border-radius: 25px;
    display: inline-block;
}


.solari-about-left-content .title {
    color: #196B52;
    font-size: 25px;
    line-height: 35px;
    padding: 5px 20px;
}

.solari-about-left-content .content-inner.row p {
    padding-left: 20px;
}


.realisations .col-lg-6.column2 {
    position: relative;
    bottom: 45px;
}

.disc {
    margin-bottom: 10px !important;
}