.sobre {padding: 79px 0 65px;}
.sobre .conteudo {display: flex; gap: 25px; justify-content: space-between;}
.sobre .conteudo .info {flex: 0 0 533px;}
.sobre .conteudo .img {width: 566px; overflow: hidden; border-radius: 20px;}
.sobre .conteudo .img img {width: 100%; height: 100%; object-fit: cover;}
.sobre .conteudo .sub-titulo {display: block; color: var(--verde-seg); margin-bottom: 16px; letter-spacing: 8.0702px; font: 600 18.22px montserrat; text-transform: uppercase;}
.sobre .conteudo .titulo {font: 800 36px / 46.09px montserrat; color: var(--preto); margin: 0 0 15px; text-transform: uppercase;}
.sobre .conteudo .descricao {font: 400 15px / 30.42px montserrat; color: var(--cinza); hyphens: auto; margin-bottom: 30px;}
.sobre .btn-whats {margin: 0 0 0 auto;}

.qualidades .card {border-radius: 20px; background: var(--verde-ter); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 40px 34px 42px; height: 100%;}
.qualidades .card .icone {width: 65px; height: 65px; margin: 0 0 19px;}
.qualidades .card .icone svg {width: 100%; height: 100%;}
.qualidades .card .titulo {font: 600 18.22px / 23.44px montserrat; color: var(--preto); margin: 0 0 12px; text-transform: uppercase; text-align: center; hyphens: auto;}
.qualidades .card .descricao {font: 400 14px / 30.53px montserrat; color: var(--cinza); text-align: center; hyphens: auto;}

.experiencia {padding: 77px 0 0; overflow: hidden;}
.experiencia .conteudo {display: flex; gap: 25px; justify-content: space-between; flex-direction: row-reverse;}
.experiencia .conteudo .info {flex: 0 0 528px; margin-top: 4px;}
.experiencia .conteudo .img {width: 566px; overflow: hidden; border-radius: 20px;}
.experiencia .conteudo .img img {width: 100%; height: 100%; object-fit: cover;}
.experiencia .conteudo .sub-titulo {display: block; color: var(--verde-seg); margin-bottom: 19px; letter-spacing: 8.0702px; font: 600 18.22px montserrat; text-transform: uppercase;}
.experiencia .conteudo .titulo {font: 800 36px / 46.09px montserrat; color: var(--preto); margin: 0 0 31px; text-transform: uppercase;}
.experiencia .conteudo .descricao {font: 400 15px / 30.42px montserrat; color: var(--cinza); hyphens: auto;}
.experiencia .conteudo .descricao.desc-1 {padding: 0 0 66px;}
.experiencia .conteudo .descricao.desc-2 {color: var(--branco); padding: 70px 0 0; position: relative;}
.experiencia .conteudo .descricao.desc-2::after {content: ''; position: absolute; top: 0; width: 200vw; height: 100%; z-index: -1; background: var(--preto); left: -100vw;}
.experiencia .conteudo .descricoes {display: flex; flex-direction: column; justify-content: space-between;}

.projetos {padding: 74px 0 0; background: var(--preto); overflow: hidden; margin-top: -1px;}
.projetos .conteudo {display: flex; gap: 25px; justify-content: space-between;}
.projetos .conteudo .info {flex: 0 0 536px;}
.projetos .conteudo .imgs {width: 566px; overflow: hidden; border-radius: 20px; display: grid; grid-template-areas: 'a b' 'c c'; gap: 6.67% 6.7%; position: relative; margin-top: 7px;}
.projetos .conteudo .img {overflow: hidden; border-radius: 20px; display: flex; justify-content: center; align-items: center;}
.projetos .conteudo .img img {width: 100%; height: 100%; object-fit: cover;}
.projetos .conteudo .sub-titulo {display: block; color: var(--verde); margin-bottom: 19px; letter-spacing: 8.0702px; font: 600 18.22px montserrat; text-transform: uppercase;}
.projetos .conteudo .titulo {font: 800 36px / 46.09px montserrat; color: var(--branco); margin: 0 0 31px; text-transform: uppercase;}
.projetos .conteudo .descricao {font: 400 15px / 30.42px montserrat; color: var(--branco); hyphens: auto;}
.projetos .conteudo .descricao.desc-1 {padding: 0 0 76px;}
.projetos .conteudo .descricao.desc-2 {color: var(--cinza); padding: 70px 0 0; position: relative;}
.projetos .conteudo .descricao.desc-2 p {position: relative;}
.projetos .conteudo .descricao.desc-2::before {content: ''; position: absolute; top: 0; width: 200vw; height: 100%; background: var(--branco); right: -100vw;}
.projetos .conteudo .descricoes {display: flex; flex-direction: column; justify-content: space-between;}

.posicionamento {padding: 101px 0 90px; margin-top: -1px; background: var(--branco);}
.posicionamento .card {padding: 0 48px 48px; background: var(--verde-ter); border-radius: 20px; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.posicionamento .card .icone {width: 47px; height: 47px; display: grid; place-content: center; place-items: center; background: var(--verde); border-radius: 8px; margin: 0 0 5px; top: -20px; position: relative;}
.posicionamento .card .icone svg {width: 23px; height: 23px;}

.posicionamento .card .titulo {font: 600 18.22px / 25.44px montserrat; text-align: center; margin-bottom: 12px; color: var(--preto); text-transform: uppercase;}
.posicionamento .card .descricao {font: 400  15.06px / 30.53px montserrat; text-align: center; color: var(--cinza); text-align: center;}

.posicionamento .splide__slide {padding: 20px 0 0;}
.qualidades .splide__arrow, .posicionamento  .splide__arrow {opacity: 1; background: var(--verde-ter);}
.qualidades .splide__arrow--next, .posicionamento  .splide__arrow--next {right: -1em}
.qualidades .splide__arrow--prev, .posicionamento  .splide__arrow--prev {left: -1em}

.qualidades .splide__arrow svg,
.posicionamento .splide__arrow svg {fill: var(--verde);}

@media (max-width:1150px){
     .posicionamento .card {padding: 0 32px 48px;}
}
@media (max-width:1030px){
     .sobre .conteudo .titulo br {display: none;}
     .sobre .conteudo .info, .experiencia .conteudo .info, .projetos .conteudo .info {flex: unset; width: 100%;}
     .sobre .conteudo .img, .experiencia .conteudo .img, .projetos .conteudo .imgs {max-width: 600px; width: 100%; min-width: auto;}
     .sobre .conteudo .img, .experiencia .conteudo .img, .projetos .conteudo .imgs {max-width: 600px; width: 100%; min-width: auto;}     
     .sobre .conteudo .img img, .experiencia .conteudo .img img {object-fit: contain;}

     .sobre .conteudo, .experiencia .conteudo, .projetos .conteudo {flex-direction: column-reverse; align-items: center;}

     .experiencia .conteudo .descricao.desc-1, .projetos .conteudo .descricao.desc-1 {padding: 0 0 20px;}
     .experiencia .conteudo .descricao.desc-2, .projetos .conteudo .descricao.desc-2 {padding: 0 0 40px;}
     .experiencia .conteudo .descricao.desc-2 {color: var(--cinza);}
     .projetos .conteudo .descricao.desc-2 {color: var(--branco);}
     .experiencia .conteudo .descricao.desc-2::after,.projetos .conteudo .descricao.desc-2::before {content: none;}

     .projetos .conteudo {flex-direction: column-reverse; align-items: center;}
}
@media (max-width:990px){
     .sobre {padding: 25px 0;}
     .posicionamento {padding: 25px 0 ;}
     .experiencia, .projetos {padding: 25px 0 0;}
     .experiencia .conteudo .descricao.desc-2, .projetos .conteudo .descricao.desc-2 {padding: 0 0 25px;}

     .sobre .conteudo, .experiencia .conteudo, .projetos .conteudo {gap: 10px;}

     .sobre .conteudo .sub-titulo, .experiencia .conteudo .sub-titulo, .projetos .conteudo .sub-titulo {font-size: 14px; line-height: 18px; letter-spacing: 6.25px; margin-bottom: 6px; text-align: center;}
     .sobre .conteudo .titulo, .experiencia .conteudo .titulo, .projetos .conteudo .titulo {font-size: 24px; line-height: 32px; margin-bottom: 15px; text-align: center;}
     .sobre .conteudo .descricao, .experiencia .conteudo .descricao, .projetos .conteudo .descricao {text-align: justify; hyphens: auto;}

     .qualidades .card {padding: 20px 30px;}
     .qualidades .card .icone {width: 35px; height: 35px; margin: 0 0 10px;}
     .qualidades .card .titulo {margin: 0 0 5px;}
     
     .posicionamento .card {padding: 0 20px 30px;}
     .posicionamento .card .icone {width: 35px; height: 35px; margin: 0 0 10px;}
     .posicionamento .card .titulo {margin: 0 0 5px;}
     .posicionamento .card .descricao {text-align: justify; hyphens: auto;}
}

@media (max-width:850px){
     .sobre .conteudo {flex-direction: column-reverse; align-items: center;}
     
     .sobre .btn-whats {margin: 0 auto;}
}