.contact-infos-container{
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-infos-top{
width: 90%;
height: fit-content;
/* background-color: red; */
display: flex;
}

.contact-infos-intro {
    box-sizing: border-box;
    padding: 1rem 0;
    font-size: 20px;
    max-width: 80%;
    font-weight: bold;
    margin-top: 1rem;
    text-align: center;
}

.formulaire-container{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
}


.formulaire-container h2 {
    font-size: 20px;
    padding: 1rem 0;
    font-weight: bold;

}

.form-info-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.wpcf7-form{
  
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wpcf7-form-control{
    padding: 5px;
    border-radius: 5px;
    border: 2px solid #54AF84;
}



.contact-infos-tel{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
box-sizing: border-box;
padding: 2rem;

}

.contact-infos-tel h2{

    font-size: 20px;
    padding: 1rem 0;
    text-align: center;
    font-weight: bold;

}



.contact-infos-numero {
width: fit-content;
height: fit-content;
color: #0a2c19;
text-decoration: none;
}

.contact-infos-numero p{
display: flex;
align-items: center;
gap: 2rem;

    }

.contact-infos-tel-logo{
    width: 50px;
}

.contact-infos-bottom-container{
    position: relative;
  height: fit-content;
    width: 100%;
    background-color: #76c1b5;
    display: flex;
    justify-content: center;
    box-sizing: border-box;

}

.contact-infos-bottom {
    width: 90%;
   height: fit-content;
    margin-top: 90px;
    margin-bottom: 2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    
}

.contact-infos-bottom-left, .contact-infos-bottom-right {
    height: 100%;
    width: 50%;
    padding: 1rem;
    box-sizing: border-box;
}

.contact-infos-bottom-left {
    border-right: 1px solid #58585A;
}

.contact-infos-bottom-left h2{
   font-size: 20px;
   text-align: center;
   font-weight: bold;
   margin: 1rem 0;

}

.contact-infos-bottom-left a{
    color: #0a2c19;
    text-decoration: none;
 }

 .contact-infos-bottom-left h3{
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
 }

 .contact-infos-bottom-right {

display: flex;
flex-direction: column;
align-items: center;
 }

 .contact-infos-bottom-right h2{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 1rem 0;
 
 }

 .contact-infos-bottom-right p{
max-width: 600px;

 }
 
 .grecaptcha-badge {
    display: none;
}



  /** For mobile devices **/
  @media (max-width: 800px) {

    .contact-infos-top{
        flex-direction: column;
        }

        .formulaire-container, .contact-infos-tel{
            width: 100%;
            box-sizing: border-box;
           
        }

        .contact-infos-bottom {
           
            margin-top: 50px;
        }

        .contact-infos-bottom {
           flex-direction: column;
            
        }

        .contact-infos-bottom-left, .contact-infos-bottom-right {
            width: 100%;
        }

        .contact-infos-bottom-left {
            border-right: none;
            border-bottom: 1px solid #58585A;
           
        }
  }