.contato {
justify-content: center;
background-color: var(--White);
}
.contato .conteudo {
flex-direction: column;
align-items: center;
}
.contatoFormulario {
display: flex;
align-items: center;
gap: 0 120px;
width: 100%;
}
.form {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 60%;
min-width: 0;
gap: 16px 0;
}
.contatoFormularioInfos {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 79px 0;
flex: 1 1 auto;
width: 40%;
min-width: 0;
}
.contatoFormularioInfosConteudo {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px 0;
width: 87.46%;
}
.contatoFormularioInfosConteudo .telefone {
display: flex;
gap: 0 8px;
align-items: center;
}
.contatoFormularioInfosConteudo .telefone .numero {
font-size: 28px;
color: var(--Grey-Dark);
cursor: pointer;
}
.contatoFormularioInfosConteudo .telefone .texto {
display: flex;
justify-content: center;
align-items: center;
margin: 0 1.5px 0 2px;
font-weight: 400;
font-size: 16px;
color: var(--Grey-Medium);
text-align: center;
}
.form .linha{
width:100%;
display:flex;
flex-direction:row;
gap:16px;
}
.form .nome, .form .nome  input, .form .sobrenome, .form .sobrenome input, .form .email, .form .email input, .form .celular ,.form .celular input, .form .mensagem, .form .empresa, .form .empresa input{
width:100%
}
.formularioAcaoTermo a{
cursor: pointer;
}
@media (max-width: 1919px) {
.contatoFormulario {
-moz-column-gap: 64px;
column-gap: 64px;
}
}
@media (max-width: 1199px) {
.contatoFormulario {
align-items: start;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (max-width: 991px) {
.contatoFormulario {
flex-direction: column;
align-items: center;
gap: 80px 40px;
}
.form {
margin-top: unset;
margin-bottom: unset;
width: 100%;
}
.contatoFormularioInfos {
flex-direction: row;
-moz-column-gap: 8px;
column-gap: 8px;
margin-top: unset;
margin-bottom: unset;
width: 100%;
}
.contatoFormularioInfosConteudo {
margin-top: unset;
margin-right: unset;
margin-bottom: unset;
margin-left: unset;
}
}
@media (max-width: 767px) {
.contatoFormularioInfos {
flex-direction: column;
gap: 24px 8px;
}
.contatoFormularioInfosConteudo {
width: 100%;
}
.form .linha{
flex-direction:column;
}
}
@media (max-width: 479px) {
.logoGrande {
width: 70%;
}
.contatoFormularioInfosConteudo .telefone .numero {
margin: 0;
font-size: 24px;
}
.contatoFormularioInfosConteudo .telefone .texto {
margin: 0;
font-size: 12px;
}
}