.footer-bg {background: #00484F; padding: 150px 0 80px; margin-top: -80px;}
.footer-bg .form-top {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; align-items: flex-start;}
.form-top .titulo {font: 500 38.26px / .9 dilemma; color: var(--branco);} 
.form-top .telefones {display: flex; align-items: center; gap: 18px;}
.form-top .telefones .whats-href {display: flex; align-items: center; gap: 10px; color: var(--branco); font: 400 14.48px / 24.63px montserrat;}
.form-top .telefones .whats-href b {font-size: 17.14px}
.form-top .endereco {display: flex; align-items: center; justify-content: center; font: 400 16px / 24px montserrat; color: var(--branco);}
.form-top .email-href {font: 400 16px montserrat; color: var(--branco);}
.form-top .redes {display: flex; align-items: center; gap: 5px; margin-top: 10px;}

.form-footer {display: grid; gap: 20px; margin-top: 50px;}
.form-footer .top {display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 20px;}
.form-footer .mid {display: flex; gap: 20px;}
.form-footer input,
.form-footer textarea {border: none; outline: none; resize: vertical; max-height: 200px;  background: var(--branco); font: 400 15px montserrat; box-sizing: border-box; padding: 0 0 0 20px;}
.form-footer input {height: 50px;}
.form-footer textarea {width: 100%; padding-top: 20px;}

.form-footer button {background: var(--branco); color: var(--cor1); font: 400 16.11px montserrat; border: none; outline: none; height: 60px; border-radius: 0 0 20px 20px; text-transform: uppercase; position: relative; overflow: hidden;}
.form-footer button p {position: relative; z-index: 2; transition: var(--transition2);}
.form-footer button:hover p {color: var(--branco);}

@media(max-width: 1250px){
    .form-top .titulo {line-height: 1.2; font-size: 29px;}
    .form-top .telefones {flex-direction: column; gap: 10px; align-items: flex-start;}
}

@media(max-width: 990px){
    .form-footer .top {grid-template-columns: 1fr;}
    .form-footer .mid {flex-direction: column; align-items: center;}
    .footer-bg .form-top {grid-template-columns: repeat(2, 1fr)}
    .form-top .titulo {grid-column: 1/-1; text-align: center;}
    .footer-bg {padding: 135px 0 50px;}
}

@media(max-width: 650px){
    .footer-bg .form-top {grid-template-columns: 1fr;}
}