.footer-bg {background: var(--cor2); position: relative; padding: 0 0 65px;}
.footer-bg::before {content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 145px; background: var(--cor1);}
.footer-bg .footer {position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1.3fr;}
.footer .content .texto {font: 600 37.24px titillium; display: flex; align-items: center; height: 145px; color: var(--branco); position: relative; padding-left: 25px;}
.footer .content .texto::before {content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 100%; background: var(--cor2); transform: translate(-50%, -50%); max-height: 35px;}
.footer .content .contatos {margin-top: 20px}
.footer .content .contatos > * {display: flex; align-items: center; gap: 8px; font: 18.09px / 1.75 titillium; color: var(--branco);}
.footer .content .contatos .img {display: flex; align-items: center;}
.footer .content .atendimento {margin-top: 20px}
.footer .content .atendimento > p {font: 700 19px titillium; color: var(--branco);}
.footer .content .atendimento .item {display: flex; align-items: center; gap: 8px; font: 16px / 1.75 titillium; color: var(--branco);}
.footer .content .atendimento .item .img {display: flex; align-items: center;}
.footer .content .atendimento .endereco {margin-top: 12px;}

.footer .form-parent {padding: 65px 0 0;}
.footer .form {display: grid; gap: 20px;}
.footer .form .bottom {display: grid; gap: 20px; grid-template-columns: 1.4fr 1fr;}

.footer .form input {width: 100%; height: 50px; background: #40464A; color: var(--branco); font: 16px titillium; padding: 0 20px; border-left: 5px solid var(--cor1);}
.footer .form input::placeholder,
.footer .form textarea::placeholder {color: var(--branco);}
.footer .form textarea {min-height: 80px; max-height: 150px; padding: 20px 0 0 20px; color: var(--branco); resize: vertical; font: 16px titillium; background: #40464A; border-left: 5px solid var(--cor1)}

.footer .form button {width: 100%; cursor: pointer; height: 40px; background: var(--cor1); color: var(--branco); transition: var(--transition2);}
.footer .form button:hover {background: var(--preto);}

.form input,
.form textarea,
.form button {border: none; background: none; outline: none; position: relative; box-sizing: border-box;}



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

@media(max-width: 990px){
    .footer-bg::before {width: 100%;}
    .footer .form,
    .footer .form .bottom {grid-template-columns: 1fr; justify-content: center; }
    .footer .captcha {margin: 0 auto;}
}