.faixa {margin: -35px 0 -69px; overflow: hidden; position: relative; z-index: 10;}
.faixa .conteudo {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; background: var(--azul); gap: 20px;}
.faixa .titulo {font: 500 15.61px / 22px montserrat; color: var(--branco-ter); display: flex; justify-content: center; align-items: center;}
.faixa .titulo::after {content: ''; width: 50vw; height: 100%; background: var(--azul); left: 0; top: 0; position: absolute; z-index: -1;}
.faixa .btn {font: 700 35.01px / 45.94px bebasneue; color: var(--branco-ter); padding: 30px 38px 28px 36px; background: var(--verde); flex: 0 0 407px; transition: 0.3s;}
.faixa .btn:hover {box-shadow: 0 0 8px 2px #8cbe66;}

.sobre {padding: 138px 0 82px; overflow-x: hidden;}
.sobre .middle .conteudo {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.sobre .middle .imagem {width: 568px; height: 428px; position: relative;}

.sobre .middle .btn  {width: 164px; display: flex; justify-content: space-between; align-items: baseline; padding: 0 0 0 15px; background: var(--azul); color: var(--branco); text-transform: uppercase; gap: 15px; font: 500 12.79px montserrat; position: absolute; bottom: 38px; left: 0; z-index: 10; transition: 0.4s; max-width: 100%;}
.sobre .middle .btn:hover {width: 300px;}
.sobre .middle .btn .icone {padding: 14px 15px; background: var(--cinza-onz); display: grid; place-items: center; place-items: center;}
.sobre .middle .btn .icone svg {width: 8px; height: 13px;}


.sobre .middle .imagem img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}
.sobre .middle .imagem::after {content: ''; position: absolute; right: -28px; bottom: -28px; border: 5px solid var(--cinza-seg); width: 62px; height: 62px;}

.sobre .middle .info {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; flex: 0 0 506px;}
.sobre .middle .quadrados {margin: 0 6px 35px 0;}
.sobre .middle .titulo {font: 800 40px / 53.41px montserrat; color: var(--preto-seg); margin-bottom: 30px; text-align: right;}
.sobre .middle .texto {font: 400 14.5px / 27px montserrat; color: var(--cinza-sex); text-align: justify; text-align-last: right;}

.sobre.sec-1 .middle .conteudo {position: relative; gap: 30px;}
.sobre.sec-1 .middle .conteudo::after {content: ''; height: 296px; width: 100vw ; background: var(--cinza-seg); position: absolute; left: 88%; top: -137px;}

.sobre.sec-1 .middle .imagem::before { content: ''; position: absolute; right: 0; top: 44px; width: 60px; height: 110px; z-index: 1; background: radial-gradient(#606060ad, #44444400); border-radius: 100px; box-shadow: 6px 2px 20px 20px #4a464629;}

.produtos .cabecalho {border-bottom: 5px solid var(--cinza-nov); box-shadow: 0px 7px 13px 3px #6b6b6b14; position: relative; z-index: 1;}
.produtos .cabecalho .titulo {line-height: 53.41px; text-align: center; color: var(--preto-seg); margin: 0 0 43px;}
.produtos .cabecalho .sobre-titulo {font: 600 15.54px montserrat; color: var(--cinza-seg); margin: 0 0 9px; letter-spacing: 6.211px;}

.produtos .slides {background-color: var(--branco-ter);}
.produtos .conteudo {width: 902px; margin: 0 auto;}
.produtos .slides .card {padding: 63px 0 59px; max-width: 266px; width: 100%; position: relative;}
.produtos .slides .card::before {content: ''; height: 4px; background-color: var(--azul); width: 100%; position: absolute; top: 0; left: 0; transform: scaleY(0); transform-origin: top;}
.produtos .slides .card:hover {cursor: pointer;}
.produtos .slides .card:hover::before {transform: scaleY(1);}
.produtos .slides .card .img {width: 100%; height: 100%; margin: 0 0 27px;}
.produtos .slides .card .img img {width: 100%; height: 100%; }
.produtos .slides .card .titulo {font: 700 15px montserrat; color: var(--preto-seg); text-transform: uppercase; text-align: center;}
.produtos .slides .card .titulo span {font-weight: 400; color: var(--cinza-dec); margin: 0 0 6px; text-transform: capitalize; display: block;}

.servicos {padding: 85px 0 0; box-shadow: -6px -11px 9px 3px #3838380a; position: relative;}
.servicos .conteudo { display: flex; flex-direction: row; justify-content: space-between; width: 100%; gap: 30px}
.servicos .topo .info {flex: 0 0 508px}
.servicos .topo .quadrados {margin: 0 0 38px 14px;}
.servicos .topo .titulo {font: 800 35.95px / 48.01px montserrat; color: var(--preto-seg); margin-bottom: 31px;}
.servicos .topo .texto {font: 400 14.5px / 27px montserrat; color: var(--cinza-qui); margin-bottom: 53px; text-align: justify;}

.servicos .topo .btn {width: 145px; display: flex; justify-content: space-between; align-items: baseline; padding: 0 0 0 15px; background: var(--azul); color: var(--branco); text-transform: uppercase; gap: 15px; font: 500 12.79px montserrat; transition: 0.4s; max-width: 100%;}
.servicos .topo .btn:hover {width: 300px;}

.servicos .topo .btn .icone {padding: 14px 15px; background: var(--cinza-onz); display: grid; place-items: center; place-items: center;}
.servicos .topo .btn .icone svg {width: 8px; height: 13px;}
.servicos .topo .imagem {height: 405px; width: 570px;}
.servicos .topo .imagem img {height: 100%; width: 100%; object-fit: cover;}
.servicos .topo .conteudo-1140 {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.servicos .logotipo {width: 122px; height: 122px; position: absolute; bottom: -61px; z-index: 10;}
.servicos .logotipo img {width: 100%; height: 100%; object-fit: contain;}

.servicos .bottom {position: relative; overflow: hidden;}
.servicos .bottom .imagem {width: 961px; height: 100%; position: absolute; left: 50%; top: 0;}
.servicos .bottom .imagem img {width: 100%; height: 100%; object-fit: cover;}

.servicos .bottom .info {flex: 0 0 570px; padding: 74px 113px 77px 13px; display: grid; grid-template-columns: 196px 196px; gap: 60px 111px; justify-content: space-between;}
.servicos .bottom .icone {width: 32px; height: 32px;}
.servicos .bottom .card {display: flex; flex-direction: row; gap: 15px; justify-content: flex-start; align-items: center;}
.servicos .bottom .card .titulo {font: 400 18.12px montserrat; color: var(--cinza-qui);}
.servicos .bottom .card .titulo b {font-weight: 800; color: var(--preto-qua); margin: 9px 0 0; display: block;}

@media (max-width:1230px){
     .sobre .middle .imagem { margin: 0 auto;}
     .sobre.sec-1 .middle .conteudo::after, .sobre.sec-1 .middle .imagem::before {content: unset;}
     
     .sobre .middle .info {width: 100%; flex: 0 0 auto;}
     .sobre .middle .texto {text-align-last: right; text-align: justify;}
     .sobre .middle .btn {width: 100%; bottom: 0;}
     .sobre .middle .btn:hover {width: 100%;}
}

@media (max-width:1150px){
     .servicos .conteudo {flex-direction: column-reverse; gap: 10px;}
     .servicos .topo .imagem {height: auto; margin: 0 auto; max-width: 570px; width: 100%;}
     .servicos .topo .info {flex: 0 0 auto;}
     .servicos .bottom .imagem {position: static; height: auto; display: none;}     
     .servicos .bottom .info {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 75px 0; flex: 0 0 auto; width: 100%; gap: 80px 12.5%;}
     .servicos .bottom .card {width: 25%; flex-direction: column; gap: 15px;}
     .servicos .bottom .card .titulo {text-align: center;}
}
@media (max-width:990px){
     .sobre {padding: 0 0 45px;}
     
     .faixa {padding: 25px 0; margin: 0 0 25px; background: var(--azul);}
     .faixa .btn {font-size: 25px; line-height: 35px; padding: 10px 20px; border-radius: 5px; flex: 0 0 auto;}
     .faixa .conteudo {flex-direction: column; gap: 20px; justify-content: center; align-items: center; text-align: center;}
     .faixa .titulo::after {content: unset;}
     
     .sobre .middle .quadrados {margin: 0 0 20px;}
     .sobre .middle .titulo {font-size: 28px; line-height: 34px; text-align: center; margin: 0 0 10px; width: 100%;}
     .sobre .middle .texto {text-align-last: left;}
     
     .sobre .middle .imagem::after {right: -15px; bottom: -15px;}
     
     .produtos .cabecalho .titulo {line-height: 34px; margin: 0 0 15px;}
     .produtos .cabecalho .sobre-titulo {margin: 0 0 5px;}     
     .produtos .slides .card {max-width: 100%; padding: 25px 0;}
     .produtos .conteudo {width: 100%;}

     .servicos .topo .titulo {font-size: 28px; line-height: 34px; text-align: center; margin: 0 0 10px;}
     .servicos .topo .quadrados {margin: 0 0 20px;}
     .servicos .topo .texto {margin: 0 0 20px;}
     .servicos .topo .btn {margin: 0 auto;}
     .servicos .logotipo {width: 20%; height: 20%;}
     .servicos {padding: 25px 0;}
     .servicos .bottom .card .titulo {font-size: 16px;}
     .servicos .bottom .info {padding: 25px 0;}
}

@media (max-width:700px){
     .servicos .bottom .info {gap: 20px 2%; justify-content: space-between; padding: 30px 0 0;}     
     .servicos .bottom .card {width: 48%;}
     
}

@media (max-width:400px){
     .servicos .bottom .info {padding: 45px 0 0;}
     .servicos .topo .btn {width: 100%;}
     .servicos .bottom .card {width: 100%;}
}