.sobre {padding: 87px 0 82px;}
.sobre .conteudo {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 30px;}
.sobre .imagem {width: 539px; height: 400px; overflow: hidden; position: relative;}
.sobre .imagem img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}
.sobre .imagem::after {content: ''; position: absolute; right: -30px; bottom: -28px; border: 5px solid var(--cinza-seg); width: 62px; height: 62px;}

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

.sobre.sec-1 {position: relative;}
.sobre.sec-1::after {content: ''; height: 246px; width: 524px; background: var(--cinza-seg); position: absolute; right: 0; top: 0;}

.sobre.sec-1 .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;}


.sobre.sec.sec-2 .conteudo {align-items: center;}

.sobre.sec-2 .info {justify-content: flex-start; align-items: flex-start;}
.sobre.sec-2 {padding: 92px 0 94px; background: var(--azul);}
.sobre.sec-2 .conteudo {flex-direction: row-reverse;}
.sobre.sec-2 .textos {display: flex; flex-direction: column; gap: 38px; flex: 0 0 auto;}
.sobre.sec-2 .sub-titulo {font: 600 14.5px montserrat; color: var(--branco); margin-bottom: 10px; text-align: left; text-transform: uppercase;}
.sobre.sec-2 .texto {color: var(--branco); margin: 0; text-align-last: left;}
.sobre.sec-2 .quadrados {margin: 0 0 36px;}

.sobre.sec-2 .quadrado.quadrado-1 {background: var(--cinza-oit);}
.sobre.sec-2 .quadrado.quadrado-2 {background: var(--branco);}
.sobre.sec-2 .quadrado.quadrado-3 {background: var(--cinza-seg);}

.sobre.sec-2 .imagem::after {left: -30px; right: unset;}


.sobre.sec-3 {padding: 85px 0 87px; position: relative; box-shadow: -1px 11px 11px 4px #6e6e6e05;}
.sobre.sec-3 .info {flex: 0 0 539px;}

.sobre.sec-3 .titulo {font: 800 35.95px / 48.01px montserrat; color: var(--preto-seg); margin-bottom: 31px; text-align: right;}
.sobre.sec-3 .quadrados {margin: 0 0 38px 0;}
.sobre.sec-3 .texto {text-align: justify; color: var(--cinza-qui);}

.fundamentos {background: var(--branco-qua); padding: 86px 0 81px;}

.fundamentos .conteudo {display: grid; grid-template-columns: 535px 539px; grid-template-rows: 97px; justify-content: space-between; gap: 38px;}
.fundamentos .titulo {font: 700 14.5px montserrat; color: var(--azul-qui); margin: 0 0 11px; text-align: right;}
.fundamentos .texto {font: 400 14.5px / 27px montserrat; color: var(--cinza-qui); text-align: justify; text-align-last: right;}

.fundamentos .card {position: relative; z-index: 1;}
.fundamentos .card .icone {position: absolute; top: 0; left: -30px; z-index: -1;}
.fundamentos .card .icone svg {width: 100%; height: 100%;}
.fundamentos .card.card-2 .icone {left: unset; right: -30px; width: 11px; width: 129px;}
.fundamentos .card.card-1 .icone {width: 98px; height: 99px;}
.fundamentos .card.card-3 .icone {width: 106px; height: 91px;}

.fundamentos .card-2 .texto {text-align-last: left;}
.fundamentos .card-2 .titulo {text-align: left;}

@media (max-width:1230px){
     .sobre .conteudo {justify-content: center; align-items: center;}
     section.sobre .conteudo .info {flex: 0 0 auto; width: 100%;}
     .sobre .titulo {width: 100%;}
     .sobre .texto {text-align: justify; text-align-last: right;}
     .sobre.sec-1 .imagem::before, .sobre.sec-1::after {content: unset;}
     .fundamentos .conteudo {grid-template-columns: 1fr; grid-template-rows: auto;}
}

@media (max-width:990px){
     section.sec, section.sobre.sec {padding: 25px 0 30px;}
     .sobre .titulo, .sobre.sec-3 .titulo {text-align: center; margin: 0 0 10px; font-size: 28px; line-height: 34px;}
     .sobre .texto {text-align-last: left;}
     
     .sobre.sec-2 .sub-titulo {text-align: center;}
      section.sec .quadrados, .sobre.sec-2 .quadrados, .sobre.sec-3 .quadrados {margin: 0 0 20px;}
     .sobre .imagem::after {right: -15px; bottom: -15px;}
     .sobre.sec-2 .imagem::after {left: -15px;}

     .fundamentos .conteudo {gap: 15px;}
     .fundamentos .titulo, .fundamentos .card-2 .titulo {text-align: center;}
     .fundamentos .card .icone {display: none;}
     .fundamentos .texto {text-align: justify; text-align-last: left;}
}