/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=* contact.php =*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

    .contact-section {
        display: flex;
        height: fit-content;
        justify-content: center;
        gap: 15px;
        overflow: hidden;
        margin-block: 180px;
        padding-inline: var(--marges-horizontales);
        min-height: 50vh;

    }

    .contact-section-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 2fr;
        gap: var(--grid-column-gap);
        width: 100%;
    }

    .contact-section-wrapper .nom-prenom {
        display: flex;
        width: 100%;
        gap: 24px;
    }


    .contact-section-wrapper>* {
        width: 100%;
        gap: var(--grid-column-gap);
        display: flex;
        flex-direction: column;
    }

    .contact-section .contact-section-wrapper>p strong {
        font-size: 24px;
    }

    .contact-section .contact-section-wrapper>p {
        line-height: 20px;
    }

    .contact-info {
        grid-area: d;
        width: 100%;
        /* border: 1px solid green; */
        display: flex;
        gap: 30px;
    }

    .contact-section-wrapper-contact form button {
        margin-top: 16px;
        padding: 10px 40px;

        font-weight: 400;
        font-family: 'Poppins', sans-serif;

        border: .5px solid var(--noir);
        background-color: var(--blanc);
        border-radius: var(--border-radius);

    }


    .contact-section-wrapper-contact form button:hover {
        background-color: var(--gris-clair);
        cursor: pointer;
    }



    .contact-section-wrapper-contact form input {
        border: none;
        border-bottom: .5px solid var(--noir);

        position: relative;
        height: 20px;
    }

    .contact-section-wrapper-contact form textarea {
        border: none;
        border-bottom: .5px solid var(--noir);

        height: 70px;
    }

    .contact-section-wrapper-contact form {
        gap: 16px;
    }

    .contact-section-wrapper-contact {
        grid-column: 3;
    }

    @media (max-width:767px) {
        .contact-section-wrapper {
            grid-template-columns: unset;
        }

        .contact-section-wrapper-contact {
            width: 100%;
            height: 100%;
            margin: 60px 0 10px 0;
            grid-column: unset;
        }

        .contact-section {
            height: -moz-fit-content;
            height: fit-content;
            /* border:10px solid orangered; */
        }

        .contact-section {
            margin: 70px 0px 70px 0px;
        }

        .contact-section-wrapper-contact form>* {
            margin-top: 32px;
        }
    }

    .contact-section-wrapper-contact form>*:not(.button-wrapper):not(.nom-prenom),
    .contact-section-wrapper-contact form .nom-prenom>* {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        margin-top: 24px;
    }




    .contact-info ul>* {
        margin-bottom: 5px;
    }

    .contact-info ul a {
        text-decoration: none;
        color: black;
    }

    .contact-info ul strong {
        font-weight: 500;
    }