body.page-template-contact-me-try {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    color: #000000;
    background-color: #ffffff;
 

 
 .about {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 145px;
    background: #FFFBE7; /* Fond clair */
    border-radius: 8px;
    margin-top: 40px; /* Marge au-dessus de la section */
 }

 .about p {
    text-align: center;
    margin-bottom: 2px;
 }
 
 strong {
    font-weight: 700;
 }
 
 .img-txt {
    display: flex;
    justify-content: space-evenly; /*coucou le texte et l'image */
    gap: 186px;
    color: #000000;
    align-items: center; /* Aligne l'image et le texte verticalement */
    flex-wrap: wrap; 
    margin-bottom:130px;
/* En cas de petit écran, les éléments passent en colonne */

 }
 .img-txt h2{
    margin-bottom: 28px;
 }

 /*.img-txt .title .reseaux {
    display: flex;
    gap: 10px;
 }/*

 .img-txt .title {
    text-align: center;
    margin-bottom: 20px; /* Ajoute un espace sous le texte */


.img-txt .reseaux {
    display: flex;
    justify-content: center; /* Centre les icônes */
    gap: 20px; /* Espace entre les icônes */
    img{
        width: 80px;
        height: 80px;
    }
}
.docs {
    display: flex;
    justify-content: center;  /* Centre l'image horizontalement */
    align-items: center;      /* Centre l'image verticalement */
    flex-direction: column;   /* Garde l'orientation verticale */
    gap: 20px;                /* Espace entre l'image et le texte */
}
.img-txt .docs{
    display: flex; /* Centre les icônes */
    flex-direction: column;
    gap: 11px; /* Espace entre les icônes */
}
 .ineedflex {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
 }
 




 .additional input,
.additional textarea {
    background-color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    width: 100%;
    margin-bottom: 20px;
}

 


 .title {
    text-align: center; /* Centre le titre */
    margin-bottom: 20px; /* Ajoute un espacement en dessous du titre */
    gap: 10px;
}

.additional form .form-group {
    display: flex; /* Active le mode flexbox */
    justify-content: space-between; /* Sépare les champs uniformément */
    gap: 20px; /* Ajoute un espace entre les champs *//* Ajoute un espacement en dessous de cette ligne */
}

/* Assure que les champs partagent l'espace de manière égale */
.additional form .form-group input {
    flex: 1; /* Permet aux champs de prendre la même largeur */
}

 .additional {
    color: #000000;
    display: flex;
    justify-content: space-evenly;
    gap: 129px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 100px;
 }
 
 .additional iframe {
    max-width: 100%;
    border-radius: 8px;
    margin-top: 20px;
 }

 .additional form button {
    cursor: pointer; 
    border: none;
}
 
 .additional form {
    display: flex;
    flex-direction: column;  /* Empile les éléments du formulaire verticalement */
    align-items: center;     /* Centre les éléments horizontalement */
    gap: 20px;  
    color: #000000;
    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
    margin-top: 20px;
    max-width: 50%;
 }

 @media only screen and (max-width: 500px) {
    body.page-template-contact-me-try h1 {
        font-size: 36px;
    }
}

 /* Responsive Design */
@media (max-width: 1024px) {
    .additional {
        justify-content: center;
    }

    .additional form {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .img-txt {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 20px;
        margin-bottom: 60px;
        img {
            width: 48px;
            height: 48px;
        }
    }
    .img-txt .reseaux img{
            width: 48px;
            height: 48px;
    }
    .img-txt .docs {
        img {
            width: 48px;
            height: 48px;
        }
    }
    .additional {
        margin-top: 22px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .form-group {
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

    .ineedflex {
        justify-content: center;
    }

    .additional iframe {
        max-width: 100%;
        border-radius: 20px;
        height: 189px;
    }
}

@media (max-width: 480px) {
    .about {
        padding: 22px 60px 60px;
        gap:40px;
    }

    .img-txt .reseaux {
        flex-wrap: wrap;
    }
}
}