footer { 
    --cor1: #fff;
    --cor2: #14257E;
    --branco: #000;
}

footer .footer .endereco .title { color: #fff; }

.contato-bg {padding: 80px 0;}


.titulo-contato { font: 52.5px / 1 titillium; letter-spacing: -0.4px; text-align: center;  }

.contato form .bottom,
.contato form .top { display: flex; gap: 20px; }
.contato form .top input { flex: 1 1 100%; display: block; height: 50px; box-sizing: border-box; border: none; background: #E3E3E3;}
.contato form .top input[name="telefone"] { max-width: 304px; }
.contato form input,
.contato form textarea {  font: 14px montserrat; padding: 20px; } 
.contato form textarea { resize: vertical; max-height: 300px; min-height: 140px; box-sizing: border-box; }
.contato form .right { display: flex; flex-direction: column; gap: 20px; }
.contato form button { border: none; background: var(--cor2); display: flex; align-items: center; justify-content: center; color: var(--branco); font: 500 12.02px montserrat; text-transform: uppercase; height: 40px; transition: .4s ease; }
.contato form button:hover { background: var(--preto); cursor: pointer }

.contato form { display: grid; gap: 20px; margin-top: 70px; }
.contato form .bottom textarea { flex: 1 1 100%; border: none; background: #E3E3E3; }

@media (max-width: 1250px){
    .contato-bg { padding: 30px 0; }
    .contato form { margin-top: 35px; }
    .titulo-contato { font-size: clamp(32px, 4vw, 45px); }  
}

@media(max-width: 990px) {
    .contato-bg {padding: 25px 0;}
    .contato form .bottom, .contato form .top { flex-direction: column; } 
    .contato form .top input[name="telefone"] { max-width: 100%; }
    .contato form .right { align-items: center; }
    .contato form button { width: 100%; }
    footer .footer-bg { padding: 40px 0; }
}