.footer-bg {padding: 80px 0 0;}
.footer-bg .footer {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.footer .item .text {font: 700 16.33px montserrat; text-transform: uppercase; letter-spacing: 2.64px; color: var(--cor3);}
.footer .item .whats-href {align-items: center; font: 21.71px montserrat; color: var(--preto-font); gap: 10px;}
.footer .texto,
.footer .email-href {font: 15px / 2 montserrat; color: var(--preto-font);}
.footer .item {display: flex; flex-direction: column; gap: 10px;}
.footer .title {font: 700 53.45px bebasneue; color: var(--preto-font);}

.form {display: grid; gap: 15px; padding: 60px 0 80px;}
.form .top {display: grid; grid-template-columns:1.6fr repeat(2, 1fr); gap: 15px;}
.form textarea,
.form .item,
.form input {width: 100%; border: none; outline: none;}

.form textarea::placeholder, .form input::placeholder,
.form textarea, .form input {font: 14.98px montserrat; background: var(--cor2); color: var(--cinza-font); padding-left: 25px; box-sizing: border-box;}
.form textarea {min-height: 80px; max-height: 200px; resize: vertical; padding-top: 25px;}
.form input {height: 45px;}
.form .mid {gap: 15px;}
.form button {height: 45px; border: none; background: var(--cor1); outline: none; color: var(--branco); font: 15.6px montserrat; letter-spacing: 1.95px; text-transform: uppercase;}

 
@media(max-width: 1250px){
    .footer .item .text {font-size: 14px;}
    .footer .item .whats-href {font-size: 18px;}
    .footer .title {font-size: 40px;}
    .footer .texto, .footer .email-href {font-size: 14px;}
}

@media(max-width: 990px){
    .footer-bg {padding: 40px 0 0;}
    .footer-bg .footer {display: flex; flex-direction: column;}
    .form {padding: 40px 0;}
    .form .top {grid-template-columns: 1fr;}
    .form .mid {flex-direction: column; align-items: center;}
}