#contact{

    padding: 2.5rem 0;

}

#contact .title{

    margin-bottom: 2.5rem;

}

#contact .wpcf7 .u-1-2 input[type="text"] {

    width: 90%;

    padding: 0.75rem 0.625rem;

    background: transparent;

    border: 0.0625rem solid #707070;

    margin-bottom: 1.875rem;



    font-family: Inter;

    font-weight: normal;

    font-size: 0.875rem;

    line-height: 1.625rem;

    text-align: left;

    color: #808080;

}



#contact .wpcf7 .u-1-1 input[type="text"],

#contact .wpcf7 .u-1-1 input[type="email"],

#contact .wpcf7 .u-1-1 textarea {

    width: 100%;

    padding: 0.75rem 0.625rem;

    background: transparent;

    border: 0.0625rem solid #707070;

    margin-bottom: 1.875rem;



    font-family: Inter;

    font-weight: normal;

    font-size: 0.875rem;

    line-height: 1.625rem;

    text-align: left;

    color: #808080;

}

#contact .wpcf7 .u-sm-1-2:first-of-type input[type="text"]{

    width: 95%;

}



#contact .wpcf7 p {

    font-family: Inter;

    font-weight: 500;

    font-size: 1.125rem;

    line-height: 1.625rem;

    text-align: left;

    color: #002ab4;

}

#contact .wpcf7-not-valid-tip{

    font-size: 0.75rem;

    transform: translateY(-30px);

}

#contact .wpcf7 p.titre-checkbox{

    margin-bottom: 0.9375rem;

    color: var(--wp--preset--color--dark);

    font-size: 0.875rem;

}

#contact .checkbox label{

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

}

#contact .checkbox .wpcf7-list-item{

    margin: 0;

}

#contact .checkbox input{

    display: block;

    margin: 0.625rem 1.25rem 0.625rem 0;

    position: relative;

}

#contact .checkbox input:checked::after{

    content: "";

    position: absolute;

    display: block;

    width: calc(100% + 8px);

    height: calc(100% + 8px);

    border: solid 0.0625rem var(--wp--preset--color--grey);

    border-radius: 0.3125rem;

    top: -0.3125rem;

    left: -0.3125rem;

    pointer-events: none;

}



#contact .wpcf7 label {

    font-family: Inter;

    font-weight: normal;

    font-size: 0.875rem;

    line-height: 1.625rem;

    text-align: left;

    color: #808080;

}



#contact .wpcf7 .u-1-1 input[type="submit"] {

    padding: 0.9375rem 5rem;

    border: none;

    background: #022AB4;

    font-family: Inter;

    font-weight: 500;

    font-size: 0.75rem;

    letter-spacing: 0.1em;

    line-height: 1.125rem;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    margin-top: 1.875rem;

}



#contact .contact-boxes {

    justify-content: space-between;

    margin-top: 2.5rem;

}



#contact .contact-box {

    background-color: #F5F5F5;

    padding: 1.25rem;

    height: 7.5rem;

    max-width: 17.5rem;

}



#contact .contact-box h3 {

    font-family: Inter;

    font-weight: bold;

    font-size: 1.125rem;

    letter-spacing: 0.05em;

    text-align: left;

    color: #002ab4;

}



#contact .contact-box span {

    font-family: Inter;

    font-weight: 500;

    text-decoration: underline;

    font-size: 1.0625rem;

    line-height: 1.1875rem;

    text-align: left;

    color: #25262b;

    position: relative;

    top: 0.625rem;

}



#contact .contact-box .social-icons {

    position: relative;

    top: 0.625rem;

}



#contact .contact-box .social-icons svg {

    margin-right: 1.25rem;

}



@media (max-width: 47.9375rem){

    #contact .contact-box{

        max-width: 100%;

    }

    #contact{

        padding: 1.25rem 0;

    }

    #contact .title{

        margin-bottom: 1.25rem;

    }

    #contact .contact-box:first-of-type{

        margin-bottom: 0.625rem;

    }

}

@media (max-width: 35.4375rem){

    #contact .wpcf7 .u-sm-1-2:first-of-type input[type="text"]{

        width: 100%;

    }

    #contact .wpcf7 .u-1-1 input[type="text"],

    #contact .wpcf7 .u-1-1 input[type="email"],

    #contact .wpcf7 .u-1-1 textarea {

        width: 100%;

    }

    #contact .wpcf7 .u-1-1 input[type="submit"]{

        width: 100%;

    }

}