.contact-box{
    margin-top: 66px;
    z-index: 100;
}

.cases_container_contact{
     border: 1px solid rgb(80, 80, 80);
    background: url('../assets/img/bg_contac.jpg');
    background-position: top;
    background-repeat: no-repeat; 
    padding: 0 10%;

}

.first-part-contact{
    height: calc(100vh - 150px);
    min-height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}





.content_header_contact{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;

}

.content_header_contact{
    width: 100%;
    max-width: 475px;

}

.social_media_contact_icons{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 30%;
}

.social_media_contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text_social{
    text-align: center;
}

.text_social h2{
    font-family: 'Bebas Neue', Helvetica;
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 6px;
    margin-bottom: 30px;
    color: #656565;
}   

.text_social p{
    font-size: 1rem;
    letter-spacing: 3px;
}

.text_contact_address{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.text_contact_address span{
    font-family: 'Bebas Neue', Helvetica;
    font-size: 1rem;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}

.text_contact_address a{
    font-family: 'Bebas Neue', Helvetica;
    font-size: 1rem;
    letter-spacing: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}


.second-part-contact{
    height: calc(100vh - 50px);
    min-height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.control_form{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
}


.wpcf7-form-control-wrap {
    width: 100%;
}


.formulario_contato label{
    letter-spacing: 12px;
    color: #ff9c00;
    text-transform: uppercase;
    white-space: nowrap;
}


.formulario_contato input{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #7a7a7ab4;
    border-radius: 0;
    padding: 0;
    color: #fff;
    width: 100%;
}

.formulario_contato input:focus{
    background-color: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #ff9c00;
}
.formulario_contato input:focus-visible{
    border-bottom: 1px solid #ff9c00;
}

.label_msg{
    position: relative;
    z-index: 2;
}

.label_msg::after{
    content: "";
    position: absolute;
    left: 0;
    width: 130%;
    height: 5px;
    background-color: black;
}

.formulario_contato textarea{
    background-color: transparent;
	width: 100%;
    height: 100px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #7a7a7ab4;;
    border-top: 1px solid #7a7a7ab4;;
    border-radius: 0;
    color: #fff;
}



.msgpart{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.msgpart label{
    z-index: 10000;
    background: #000;
    margin-bottom: -9px;
}

.formulario_contato textarea:focus{
    background-color: transparent;
    color: #fff;
    border-bottom: 1px solid #ff9c00;
    border-top: 1px solid #ff9c00;
}

.formulario_contato input[type="submit"]{
    background-color: #000;
    color: #fff;
    font-family: 'Bebas Neue', Helvetica;
    border: 1px solid #ff9c00;
    font-size: 1rem;
    letter-spacing: 6px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 0;
    margin: 20px 0 60px 0;
    transition: background-color 0.5s ease-in-out;

}

.formulario_contato input[type="submit"]:hover{
    background-color: #ff9c00;
    color: #000;
}

 @media (max-width: 992px){

    .text_social p{
        font-size: 0.8rem;
        letter-spacing: 3px;
    }

    .formulario_contato label{
        font-size: 0.8rem;
    }

    .text_contact_address span,
    .text_contact_address a{
        font-size: 0.8rem;
        letter-spacing: 8px;
    }

}

@media (max-width: 768px){  


    .formulario_contato label{
        font-size: 0.6rem;
    }

    .text_contact_address span,
    .text_contact_address a{
        font-size: 1rem;
        letter-spacing: 5px;
    }
}

@media (max-width:576px){

    .text_social p{
        font-size: 0.6rem;
        letter-spacing: 3px;
    }

    .formulario_contato label{
        font-size: 0.6rem;
    }

    .text_contact_address span,
    .text_contact_address a{
        font-size: 1.2rem;
        letter-spacing: 3px;
    }

}

 @media (max-width:430px){
    .formulario_contato label{
        letter-spacing: 0.6rem;
    }
    .text_contact_address span,
    .text_contact_address a{
        font-size: 1rem;
        letter-spacing: 1px;
    }

    .label_msg::after {
        display: none;
    }
}

 @media (max-width:375px){
    .text_contact_address span,
    .text_contact_address a{
        font-size: 0.9rem;
        letter-spacing: 0px;
    }
}