/* *****************************************************
   *****************************************************
*/

/* Home_layout style sheet */

/* header */
.header {
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
}
.header .background-clip {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
/* navbar */
.navbar {
    background: transparent;
}
.navbar .row {
    width: 70%;
    margin: auto;
}
.navbar .row .nav-side .navbar-nav {
    margin-top: 2%;
    width: 100%;
}
.navbar .row .nav-side .navbar-nav .nav-item {
    margin-left: 2%;
}
.navbar .row .nav-side .navbar-nav .nav-item a {
    color: #FFFFFF;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.navbar .row .nav-side .navbar-nav .nav-item li a {
    color: #000000;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.navbar .navbar-brand:hover {
    border-bottom: 2px solid #000000;
}
.navbar:hover {
    background-color: #FFFFFF;
}
.navbar:hover .row .nav-side .navbar-nav .nav-item a {
    color: #000000;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}

/* Media quesries */

@media screen and (max-width: 576px) {
    /* header */
    
        .navbar .row {
            width: 100%;
            margin: auto;
        }
        .navbar .row .logo-side img {
            width: 130px;
        }
        .navbar .row .nav-side {
            text-align: right;
        }
        .navbar .row .nav-side button {
            margin-top: 2%;
        }
        .navbar .row .nav-side .collapse {
            text-align: left;
        }
    /* motto */
    
    /* criterias */
    .criterias {
        padding: 0;
    }
    .criterias .row {
        width: 100%;
        margin: auto;
    }
    .criterias .row .left-side .card {
        height: 25%;
        width: 90%;
        margin: auto;
        border: none;
        border-radius: 10px;
        margin-bottom: 1%;
    }
    .criterias .row .right-side {
        margin-top: 5%;
    }
    .criterias .row .right-side .right-picture {
        min-height: 50vh;
    }
    /* services */
    
    /* values */
    .values .carousel .carousel-inner .carousel-item .row .icon-side img {
        width: 150px;
        height: 150px;
    }
    .values .carousel .carousel-inner .carousel-item .row .text-side {
        text-align: center;
    }
    /* location */
    
    /* footer */
    .footer .get_started .card {
        background-color: #000000;
        color: #FFFFFF;
        width: 90%;
        margin: auto;
        margin-top: 3%;
        border-radius: 10px;
        padding: 1%;
    }
    .footer .get_started .card .row {
        padding: 5%;
        text-align: center;
    }
    .footer .get_started .card .row h1 {
        font-family: "Comfortaa", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700px;
        font-style: normal;
        text-align: center;
    }
    .footer .get_started .card .row h3 {
        font-family: "Comfortaa", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400px;
        font-style: normal;
        text-align: center;
    }
    .footer .get_started .card .row .col-12 .btn {
        background-color: #FBA834;
        color: #000000;
        margin-top: 7%;
        width: 200px;
        font-family: "Comfortaa", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400px;
        font-style: normal;
    }
    
}

/* *********************************************************************************** */

/* navbar2 */
.navbar2 {
    background-color: #000000;
    padding: 1%;
}
.navbar2 .row {
    width: 70%;
    margin: auto;
}
.navbar2 .row .nav-side .navbar-nav {
    margin-top: 2%;
    width: 100%;
}
.navbar2 .row .nav-side .navbar-nav .nav-item {
    margin-left: 2%;
}
.navbar2 .row .nav-side .navbar-nav .nav-item a {
    color: #FFFFFF;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.navbar2 .row .nav-side .navbar-nav .nav-item li a {
    color: #000000;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}

/* *********************************************************************************** */

/* section 1 : motto */
.motto {
    text-align: center;
    color: black;
}
.motto h1 {
    padding: 5%;
    width: 65%;
    margin: auto;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
}

/* ************************************************************************************ */

/* section 2 : criterias */
.criterias {
    background-color: #DDE6ED;
    padding: 2%;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
}
.criterias .row {
    width: 90%;
    margin: auto;
}
.criterias .row .left-side {
    text-align: center;
}
.criterias .row .left-side .card {
    height: 25%;
    width: 90%;
    margin: auto;
    border: none;
    border-radius: 10px;
    margin-bottom: 1%;
}
.criterias .row .left-side .card .on-time-delivery {
    background-color: #FBA834;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    text-align: left; 
}
.criterias .row .left-side .card .on-time-delivery h6 {
    font-weight: bold;
}
.criterias .row .left-side .card .support {
    background-color: #2B2A4C;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    text-align: left;  
    color: #FFFFFF;
}
.criterias .row .left-side .card .tracking {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    text-align: left; 
    color: #000000; 
}
.criterias .row .left-side .card .on-time-delivery .bi, .criterias .left-side .card .support .bi, .criterias .left-side .card .tracking .bi {
    font-size: 2em;
}
.criterias .row .right-side .right-picture {
    border: none;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    background-image: url("https://images.pexels.com/photos/13766346/pexels-photo-13766346.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
    height: 100%;
}

/* ************************************************************************************* */

/* section 3 : businesses */
.businesses {
    text-align: center;
    padding: 5%;
}
.businesses h1 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    margin-top: 1%;
}
.businesses .title-h5 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.businesses .row {
    width: 65%;
    margin: auto;
    margin-top: 3%;
}
.businesses .row .card, .businesses .row .card img {
    border-radius: 20px;
}
.businesses .row .card img {
    background-color: rgba(0, 0, 0, 0.1);
}
.businesses .row .card {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    border: none;
}
.businesses .row .card .card-img-overlay h5 {
    margin-top: 50%;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: bolder;
}

/* ************************************************************************************* */

/* section 3 : services */
.services {
    text-align: center;
    padding: 5%;
}
.services H1 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
}
.services h5 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.services .cards .row .card {
    border: none;
}
.services .cards .row .card .col-sm-12 h2 {
    margin-top: 3%;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.services .cards .row .card .col-sm-12 p {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}

/* ************************************************************************************* */

/* section 4 : values */

.values {
    background-color: #DDE6ED;
    color: #FFFFFF;
    text-align: center;
    padding: 2%;
}
.values H1 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    margin-bottom: 1%;
    color: #000000;
}
.values .carousel {
    background-color: #000000;
    color: #FFFFFF;
    min-height: 70vh;
    max-height: 70vh;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 3%;
}
.values .carousel .carousel-inner .carousel-item .row {
    width: 70%;
    margin: auto;
    margin-top: 10%;
}
.values .carousel .carousel-inner .carousel-item .row .text-side h1 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    color: orange;
    font-weight: bold;
}
.values .carousel .carousel-inner .carousel-item .row .text-side .text-p {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    font-size: larger;
    margin-top: 2%;
    text-align: justify;
}

/* ************************************************************************************* */

/* location */
.location {
    padding: 2%;
}
.location .row {
    width: 90%;
    margin: auto;
}
.location .row h1 {
    color: #000000;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    text-align: center;
    margin-bottom: 2%;
}
/* ************************************************************************************* */

/* footer */

.footer {
    background-color: #FBA834;
    color: #000000;
    padding: 2%;
}
.footer .get_started .card {
    background-color: #000000;
    color: #FFFFFF;
    width: 80%;
    margin: auto;
    margin-top: 3%;
}
.footer .get_started .card .row .col-sm-9 {
    padding: 2%;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    text-align: left;
}
.footer .get_started .card .row .col-sm-9 h3 {
    color: #FBA834;
}
.footer .get_started .card .row .col-sm-3 .btn {
    background-color: #FBA834;
    color: #000000;
    margin: auto;
    margin-top: 15%;
    width: 200px;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.footer .links {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
}
.footer .links .row {
    width: 80%;
    margin: auto;
    margin-top: 2%;
}
.footer .links .row li {
    text-decoration: none;
}
.footer .links .row li a {
    text-decoration: none;
    color: #000000;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}

/* ************************************************************************************* */
/* ************************************************************************************* */

/* services ==> solutions */
.solutions {
    padding: 2%;
}
.solutions h1 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    text-align: center;
    margin-bottom: 3%;
}
.solutions .row {
    width: 80%;
    margin: auto;
    margin-top: 2%;
}
.solutions .row h2 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 3%;
}
.solutions .row .col-6 .card {
    width: 70%;
    height: 70%;
    border-radius: 15px;
    margin: auto;
}
.solutions .row .col-6 .card img {
    border-radius: 15px;
}
.solutions .row p {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
    text-align: justify;
}

/* ************************************************************************************* */
/* ************************************************************************************* */

/* about us ==> about_us */
.about_us {
    padding: 2%;
}
.about_us h1 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
}
.about_us .cards {
    width: 50%;
    margin: auto;
}
.about_us .cards .row {
    padding: 2%;
}
.about_us .cards .row .card {
    padding: 2%;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.about_us .cards .row .card h3 {
    margin-top: 5%;
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.about_us .texts {
    width: 70%;
    margin: auto;
}
.about_us .texts .row {
    padding: 2%;
}
.about_us .texts .row h3 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.about_us .texts .row p {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    text-align: justify;
    font-style: normal;
}
/* ************************************************************************************* */
/* ************************************************************************************* */

/* contact us ==> contact_us */
.contact_us {
    padding: 3%;
}
.contact_us h1 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
}
.contact_us form {
    width: 40%;
    margin: auto;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
    font-style: normal;
}
.contact_us form .btn {
    background-color: #FBA834;
    color: #000000;
}

/* ************************************************************************************* */
/* ************************************************************************************* */

/* join_us */
.join_us {
    padding: 2%;
}
.join_us h1 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
    font-style: normal;
}
.join_us form {
    width: 40%;
    margin: auto;
    margin-top: 2%;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
}
.join_us form .btn {
    background-color: #FBA834;
    color: #000000;
}


/* ************************************************************************************* */
/* ************************************************************************************* */

/* pratiques_informations */

.pratiques_infos {
    padding: 2%;
}
.pratiques_infos h1 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
}
.pratiques_infos .row {
    width: 80%;
    margin: auto;
}
.pratiques_infos .row h5 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
}
.pratiques_infos .row h2 {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700px;
}
.pratiques_infos .row h6, .pratiques_infos .row p {
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400px;
}