/* ===================== IMAGE HERO ====================== */
.hero__description::before {
    height: 40px;
    top: -39px;
}


/* ====================================================== */
.contact {
    display: grid;
    justify-content: center;
}

.contact__container {
    /* border: 4px solid red; */
    max-width: 720px;
    padding-top: 2rem;
    display: grid;
    gap: 1rem;
}

.contact-infos__liste a:hover{
    color: var(--focale);
}

/* ====================================================== */
.contact-form {
    background-color: var(--gris-clair);
    display: grid;
    justify-content: center;
}

.contact-form__container {
    max-width: 720px;
}

.contact-form__container h2 {
    margin-bottom: 2rem;
}

.contact-form__container a:hover{
    color: var(--focale);
}

/* ===================== FORMULAIRE DE CONTACT =================== */
.form-devis {
    max-width: 650px;
    border-radius: 8px;
    margin-top: 1.4rem;
    padding: 2rem;
    background-color: var(--primaire);
    box-shadow:
    0 2px 4px rgba(17, 24, 39, 0.04),
    0 8px 20px rgba(17, 24, 39, 0.06);

    justify-self: center;
}

.form-devis__bouton {
    background-color: var(--focale);
}