/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700');

/*****---------------------------------------- 
 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 2) font-family: 'Quicksand', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(normalize.css);
@import url(icomoon.css);
@import url(css/font-awesome.min.css);
@import url(meanmenu.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
     overflow-x: hidden !important;
}


/* TEXT SIZE & COLOR */

.text_soustitre_fondsombre {
    width: 100%;
    font-size: 20px;
    color: #dddddd;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif; 
    padding-bottom: 10px;
} 

.text_corps_fondsombre {
    width: 100%;
    font-size: 16px;
    color: #dddddd;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}  

.text_corps_fondsombre_decal {
    width: 100%;
    font-size: 16px;
    color: #dddddd;
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 0px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}  

.text_corps_fondsombre_vert {
    width: 100%;
    font-size: 16px;
    color: #196752;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

.text_titre_fondclair {
    width: 100%;
    font-size: 40px;
    color: #1d1d1d;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif; 
} 

.text_titre_fondclair::after {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    content: "------------------";
    letter-spacing: -5px;
    font-size: 30px;
    color: #00563f;
    display: inline-block;
    vertical-align: -5px;
    padding-left: 20px;
}

.text_titre_fondclair::before {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    content: "---";
    letter-spacing: -5px;
    font-size: 30px;
    color: #00563f;
    display: inline-block;
    vertical-align: -5px;
    padding-right: 20px;
}


.text_soustitre_fondclair {
    width: 100%;
    font-size: 20px;
    margin: 0px;
    color: #00563f;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif; 
} 

.text_corps_fondclair {
    width: 100%;
    font-size: 16px;
    color: #00563f;
    font-weight: 400;
    margin: 0px;
    font-family: 'Quicksand', sans-serif;
}   

.text_soustitre_acceuil {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #00563f;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
}



/* BUTTON & SUPPORT */

.readmore_button {
    width: 150px;
    float: right;
    padding-top: 0px;
}

.readmore_button a {
    width: 100%;
    float: right;
    font-size: 16px;
    color: #dddddd;
    background-color: #00563f;
    text-align: center;
    padding: 10px 0px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
    border-radius: 40px;
}

.readmore_button a:hover {
    color: #00563f;
    background-color: #dddddd;
    font-weight: 500;
    text-decoration: none;
}


/* INDEX --- INDEX --- INDEX --- INDEX --- INDEX */

 /* SEPARATORS */

 .white_separator {
     width: 100%;
     float: left;
     background-color: #f3f3f3;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 .green_separator {
     width: 100%;
     float: left;
     background-color: #00563f;/* For browsers that do not support gradients */
     background-image: linear-gradient(to right, #00563f, #013220);
     padding-top: 15px;
     padding-bottom: 15px;
 }



/* NAVBAR SECTION */

 .navbar-expand-lg .navbar-nav .nav-link {
     font-size: 20px;
     font-weight: 400;
     font-family: 'Quicksand', sans-serif;
     color: #8e8e8e;
     padding: 0px 30px;
 }
 
 .navbar-light .navbar-nav .nav-link:hover, 
 .navbar-light .navbar-nav .show>.nav-link {
     color: #ffffff;
 }



/* BANNER SECTION */
.banner_section_setup {
    width: 100%;
    float: left;
    background-color: #f3f3f3;/* For browsers that do not support gradients */
    /* background-image: linear-gradient(to right, #00563f, #013220); */
    padding-top: 35px;
    padding-bottom: 35px;
}

.banner_image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 35px;
}



/* SERVICES SECTION */

.services_section_setup {
    width: 100%;
    float: left;
    background-image: url(../images/ATS_services-bg1.jpg);
    background-position: center;
    background-size:cover
}

.dark_background {
     width: 50%;
     float: left;
     position: relative;
     left: 25%;
     background: rgba(0, 20, 14, 0.4);
     padding-top: 50px;
     padding-bottom: 90px;
 }

.services_section_main {
    width: 100%;
    float: left;  
}

.icon_serv {
    width: 100%;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 10px;
}



/* ABOUT SECTION */

.about_section_setup {
    width: 100%;
    float: left;
    background-color: #f3f3f3;
    padding-top: 50px;
    padding-bottom: 90px;
}

.about_section_main {
    width: 100%;
    float: left;
    text-align:justify;
}

.about_illustration {
    max-width: 100%; 
    object-fit : contain
}  

/* FOOTER SECTION */

.footer_section_setup {
    width: 100%;
    float: left;
    background-color: #1d1d1d;
    height: auto;
}

.footer_section_main {
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-bottom: 50px;
}


/* LEGAL BACKGROUND */

.background_legal {
    width: 100%;
    float: left;
    background-image: url(../images/ATS_background_1.jpg);
    background-position: center;
    background-size:cover
}

.background_legal_white {
   width: 100%;
   float: left;
   background-color: #f3f3f3;
}

.dark_background_legal {
    width: 60%;
    float: left;
    position: relative;
    left: 20%;
    background: rgba(7, 29, 12, 0.7);
    padding-top: 125px;
    padding-bottom: 50px;
}

.green_background_legal {
    width: 60%;
    float: left;
    position: relative;
    left: 20%;
    background-color: #00563f;/* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #00563f, #013220);
    padding-top: 50px;
    padding-bottom: 70px;
}


/* ABOUT US */

.background_aboutus {
    width: 100%;
    float: left;
    background-image: url(../images/ATS_background_2.jpg);
    background-position: center;
    background-size:cover;
}

.dark_background_aboutus {
    width: 60%;
    float: left;
    position: relative;
    left: 20%;
    background: rgba(7, 29, 12, 0.35);
    padding-top: 125px;
    padding-bottom: 50px;
}