* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

body {
    font-size: 14px;
    font-family: 'Century Gothic';
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
}

.whatsapp-absolute-btn {
    position: fixed;
    z-index: 10;
    bottom: 40px;
    right: 50px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s;
    overflow: hidden;
}

.whatsapp-absolute-btn svg {
    width: 50px;
    border-radius: 50%;
    height: 50px;
    transition: 0.4s;
}

.whatsapp-absolute-btn:hover>svg {
    border-radius: 0px;
}


/* Gestion du conteneur principale */
.presentation-container {
    height: 95vh;
    width: 100%;
    overflow: hidden;
    max-width: 100vw;
}

.presentation-container .homeimage {
    width: 100vw;
    height: 95vh;
    position: absolute;
    z-index: -1;
}

.header-container {
    padding: 5px;
    display: flex;
}

.header-container .logo {
    width: 80px;
    height: 80px;
}

.enterprise-name {
    color: #fff;
    font-size: 1.6rem;
    font-family: 'Bauhaus 93';
    text-align: center;
    font-style: italic;
}

.text-green-500 {
    color: green;
}

.text-red-500 {
    color: red;
}

.text-yellow-500 {
    color: yellow;
}

.header-description-container {
    margin-top: 30vh;
    background: rgba(0, 0, 0, 0.06);
    padding: 5px;
}

.header-description-container h1 {
    font-size: 4rem;
    text-align: center;
    color: #fff;
}

.header-description-container p {
    color: #ffffff;
    padding: 5px;
    font-size: 1.2rem;
    text-align: center;
}

.font-bold-600 {
    font-weight: 600;
}


/**/
.presentation_contact {
    min-height: 100vh;
    background-image: url(./assets/planet.jpg);
    background-repeat: repeat-y;
    padding: 10px;
    overflow: hidden;
}

.services-container {
    width: 340px;
    overflow: hidden;
    background: linear-gradient(to right,
            #E3FDF5, #FFE6FA);
    border-radius: 10px;
}

.services-container img {
    height: 260px;
    width: 100%;
}

.services-container_description {
    padding: 10px;
}

.services-container_description h3,
.services-container_description h4 {
    margin-bottom: 10px;
}

.services-container_description p {
    margin-bottom: 10px;
    padding-left: 5px;
}

.title-services {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.grid-services {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    margin-bottom: 20px;
    justify-items: center;
}

.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.services_contact_us-container {
    width: 85vw;
    background: linear-gradient(to right,
            #E3FDF5, #fdeffa);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 50px;
}

.services_contact_us-container h1 {
    text-align: center;
}

.services_contact_us-container .services_contact_us {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.services_contact_us-container .services_contact_us ul li:nth-child(odd) {
    font-weight: 600;
    color: #424242;
}

.services_contact_us-container .services_contact_us ul li:nth-child(even) {
    color: darkblue;
    list-style: none;
}

.text-center {
    text-align: center;
}

.partners-container {
    display: block;
}

.partners-container img {
    height: 120px;
    width: 120px;

}


.h-100vh {
    height: 100vh;
}

.h-40vh {
    height: 40vh;
}

.p-10px {
    padding: 10px;
}

.pl-20px {
    padding-left: 20px;
}

.large-services-container {
    margin-top: 10px;
}

.py-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.about_us {
    padding: 10px;
}

.about_us h1 {
    color: #d45;
}

.about_us p {
    margin-top: 10px;
}

.about_us ul li {
    font-weight: 600;
}

.footer-container {
    background: #141414;
}

.staff {
    --bg-gradient: radial-gradient(circle at 79.16666666666666% 87.5%, #00075B 0%, 68.69999999999999%, rgba(0, 7, 91, 0) 75%), radial-gradient(circle at 22.083333333333332% 78.33333333333333%, rgba(2, 8, 187, 0.99) 0%, 25%, rgba(2, 8, 187, 0) 50%), radial-gradient(circle at 14.166666666666666% 25%, #00406E 0%, 66.69%, rgba(0, 64, 110, 0) 90%), radial-gradient(circle at 93.6865234375% 11.42578125%, #0B2233 0%, 42%, rgba(11, 34, 51, 0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255, 255, 255, 0) 100%);
    background: var(--bg-gradient);
}

.footer-informations-container {
    color: #fff;
}

.text-red-600 {
    color: #d45;
}

.info-block {
    text-align: center;
    padding: 10px;
}

.info-block .whatsapp-link {
    width: 40px;
    height: 40px;
    margin-top: 50px;
}

.info-block .whatsapp-link svg {
    width: 40px;
    height: 40px;
}

.mt-5px {
    margin: 5px;
}

.mt-25px {
    margin: 25px;
}


.mt-10px {
    margin: 25px;
}

.info-block ul {
    list-style: none;
}

.generock-link {
    color: #06ade5;
}

.text-1-3rem {
    font-size: 1.3rem !important;
}

.text-center-important {
    text-align: center !important;
}

.w-full {
    width: 100%;
}

.staff {
    color: #fff;
}

.staff .title {
    text-align: center;
}

.text-white {
    color: #fff;
}

.interested-service {
    text-align: center;
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.interested-service a {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #de5100;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    border-radius: 20px;
    font-size: 1.2rem;
}

/* Tablettes */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .grid-services {
        grid-template-columns: repeat(2, 1fr);
    }
    .large-services-container {
        display: flex;
        width: 90vw;
    }

    .large-services-container img {
        width: 45vw;
        height: 100%;
    }

    .large-services-container:nth-child(even) {
        direction: rtl;
    }

    
    .large-services-container p,
    .large-services-container ul {
        direction: ltr;
    }
}


@media only screen and (min-width: 1025px) {
    .grid-services {
        grid-template-columns: repeat(3, 1fr);
    }

    .services_contact_us-container {
        width: 40vw;
    }

    .services_contact_us {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    .partners-container {
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }

    .large-services-container {
        display: flex;
        width: 90vw;
    }

    .large-services-container img {
        width: 45vw;
        height: 100%;
    }

    .large-services-container:nth-child(even) {
        direction: rtl;
    }

    
    .large-services-container p,
    .large-services-container ul {
        direction: ltr;
    }

    .about_us {
        text-align: center;
        padding: 20px;
    }

    .about_us ul {
        list-style: none;
    }

    .footer-informations-container {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}