.sobre {padding: 83px 0 0; overflow: hidden; position: relative;}
.sobre .conteudo {display: flex; flex-direction: column; gap: 70px;}
.sobre .conteudo .top, .sobre .conteudo .bottom {display: flex; justify-content: space-between; gap: 30px;}
.sobre .conteudo .bottom {flex-direction: row-reverse;}

.sobre .conteudo .top .titulo {font: 400 51.2px / 61.95px montserrat; color: var(--preto); margin: 0 0 37px;}
.sobre .conteudo .top .texto {font: 400 15px / 30.42px montserrat; color: var(--cinza); margin: 0 0 48px;}

.sobre .conteudo .top .info {flex: 0 0 574px;}
.sobre .conteudo .top .imgs {max-width: 529px; width: 100%; display: grid; grid-template-areas: 'a a' 'b c'; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 25px; margin-top: 7px;}
.sobre .conteudo .top .imgs .img {border-radius: 15px; overflow: hidden; width: 100%; height: 100%; display: flex;}
.sobre .conteudo .top .imgs .img img {width: 100%; height: 100%; object-fit: cover;}

.sobre .conteudo .bottom {padding: 0 0 50px;}
.sobre .conteudo .bottom::after {content: ''; position: absolute; background-color: var(--azul); left: 0; bottom: 0; height: 208px; width: 42.708dvw; z-index: -1;}

.sobre .conteudo .bottom .img {max-width: 570px; width: 100%; border-radius: 15px; overflow: hidden; width: 100%; display: flex;}
.sobre .conteudo .bottom .img img {width: 100%; height: 100%; object-fit: cover;}

.sobre .conteudo .bottom .cards {flex: 0 0 530px; display: flex; flex-direction: column; gap: 60px; margin-top: 10px;}
.sobre .conteudo .bottom .cards .card {display: flex; gap: 25px;}

.sobre .conteudo .bottom .cards .card .titulo {font: 600 15.22px / 18px montserrat; color: var(--preto); margin: 0 0 14px; letter-spacing: 2.401px;}
.sobre .conteudo .bottom .cards .card .texto {font: 400 15.22px / 30.42px montserrat; color: var(--cinza);}

.sobre .conteudo .bottom .cards .card .icone {display: flex; justify-content: center; align-items: center; border-radius: 15px; background: var(--azul-seg); min-width: 87px; height: 87px;}
.sobre .conteudo .bottom .cards .card .icone svg {width: 46px; height: 46px;}

.sobre-2 {background: var(--azul) url(../../../../img/institucional/onda-bg-2.png.webp) no-repeat top right / contain;}
.sobre-2 .conteudo {display: flex; justify-content: space-between; gap: 1%; position: relative; padding: 61px 0 83px;}
.sobre-2 .conteudo .cards {flex: 0 0 633px; display: flex; flex-direction: column; gap: 47.5px ; position: relative; z-index: 10;}
.sobre-2 .conteudo .cards .card {display: flex; gap: 25px;}

.sobre-2 .conteudo .cards .card .titulo {font: 600 15.22px / 18px montserrat; color: var(--azul-seg); margin: 0 0 14px; letter-spacing: 2.401px;}
.sobre-2 .conteudo .cards .card .texto {font: 400 15.22px / 30.42px montserrat; color: var(--branco);}

.sobre-2 .conteudo .cards .card .icone {display: flex; justify-content: center; align-items: center; border-radius: 15px; background: var(--azul-seg); min-width: 82px; height: 82px;}
.sobre-2 .conteudo .cards .card .icone svg {width: 46px; height: 46px;}

.sobre-2 .img {width: auto; height: 106.6%; position: absolute; right: -67px; bottom: 0;}
.sobre-2 .img img {width: 100%; height: 100%; object-fit: contain; object-position: bottom;}


.diferenciais {padding: 78px 0 93px; box-shadow: 0 -2px 5px 5px #a3a3a333;}
.diferenciais .conteudo .agp-cards {display: flex; flex-direction: row; justify-content: space-between; gap: 1%;}

.diferenciais .conteudo > .sub-titulo {font: 500 15px / 18px montserrat; color: var(--azul-ter); margin: 0 0 6px; text-align: center; letter-spacing: 5.643px;}
.diferenciais .conteudo > .titulo {font: 400 51.2px / 61px montserrat; color: var(--preto); margin: 0 0 68px; text-align: center;}

.diferenciais .diferencial {width: calc(50% - 1%); border-radius: 15px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 0 45px 48px; gap: 0; border: 2px solid var(--cor);}
.diferenciais .diferencial.d1 {--cor: var(--azul-seg);}
.diferenciais .diferencial.d2 {--cor: var(--azul);}

.diferenciais .cards {display: flex; flex-direction: column; gap: 36px; height: 100%; justify-content: space-between;}
.diferenciais .card {border-bottom: 2px solid var(--cor);}
.diferenciais .card .icone {display: inline-block; width: 20px; height: 20px; margin: 0 11px 0 0; position: relative; bottom: -5px;}
.diferenciais .card .icone svg {width: 100%; height: 100%;}

.diferenciais .agp-cards .titulo {background: var(--cor); color: var(--branco); padding: 16px 20px; border-radius: 15px; text-align: center; font: 500 15px / 18px montserrat; margin-top: -22px; margin-bottom: 43px; max-width: 344px; width: 100%; letter-spacing: 2.89px;}
.diferenciais .card .icone {width: 20px; height: 20px;}
.diferenciais .card .texto {font: 400 15px / 30.42px montserrat; color: var(--cinza); display: inline; hyphens: auto; max-width: 307px;}
.diferenciais .card.cd-1 {min-height: 151px; padding: 0 0 10px;}
.diferenciais .card.cd-2 {min-height: 127px; padding: 0 0 10px;}
.diferenciais .card.cd-3 {border-bottom: none;}


.mv {padding: 95px 0 91px;}
.mv .conteudo {display: grid; grid-template-areas: 'a b c' 'd e f'; grid-template-rows: 279px 279px; grid-template-columns: repeat(3,1fr);}
.mv .card {display: flex; justify-content: flex-start; align-items: center; flex-direction: column;}
.mv .card.c-1 {padding: 0 61px 10px 22px;}
.mv .card.c-3 {padding: 0 22px 10px 46px;}
.mv .card.c-5 {padding: 53px 54px 10px;}

.mv .card.c-2 {border-radius: 15px 15px 0 0;}
.mv .card.c-4 {border-radius: 15px 0 15px 15px;}
.mv .card.c-6 {border-radius: 0 15px 15px 15px;}

.mv .card.c-img {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center;}
.mv .card.c-img .img {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.mv .card.c-img img {width: 100%; height: 100%; object-fit: cover;}
.mv .card.c-img .icone {width: 82px; height: 82px; position: relative;}
.mv .card.c-img .icone svg {width: 100%; height: 100%;}

.mv .card .titulo {font: 500 15px montserrat; color: var(--branco); border-radius: 15px; background-color: var(--azul); padding: 16px 10px 15px; max-width: 279px; width: 100%; text-align: center; margin-bottom: 35px; letter-spacing: 2.89px;}
.mv .card .texto {font: 400 15px / 30.42px montserrat; color: var(--cinza);  text-align: center; }

@media (max-width:1305px){
     .sobre-2 .conteudo {padding: 61px 0 0;}
     .sobre-2 .conteudo .cards {max-width: 633px; flex: auto; padding: 0 0 40px;}
     .sobre-2 .img {position: static; height: auto;}
}


@media (max-width:1280px){
     .diferenciais .card.cd-1 {min-height: 33%; padding: 0 0 10px;}
     .diferenciais .card.cd-2 {min-height: 30%; padding: 0 0 10px;}
     .diferenciais .card.cd-3 {min-height: 27%; padding: 0 0 10px;}
     .diferenciais .cards {min-height: 520px; gap: 24px;}

     .mv .conteudo {grid-template-rows: repeat(2, auto);}
     .mv .card.c-1, .mv .card.c-3 {padding: 0 20px 20px;}
     .mv .card.c-5 {padding: 53px 20px 20px;}
}

@media (max-width:1150px){

     .sobre .conteudo .top, .sobre .conteudo .bottom {flex-direction: column-reverse; align-items: center; justify-content: center;}      
     .sobre .conteudo .top .info, .sobre .conteudo .bottom .cards {flex: auto;}
     .sobre .conteudo .bottom::after {content: none;}

     .mv .conteudo {grid-template-areas: 'a b' 'd c' 'e f'; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto);}
     .mv .card {min-height: 300px;}
     .mv .card.c-1, .mv .card.c-3 {justify-content: center;}
     .mv .card.c-1, .mv .card.c-3, .mv .card.c-5 {padding: 20px; justify-content: center;}

     .mv .card.c-4 {border-radius: 15px 0 0 15px;}
}

@media (max-width:990px){
     .sobre {padding: 25px 0 0;}
     .sobre .conteudo .top .titulo {font-size: 30px; line-height: 40px; text-align: center; margin: 0 0 15px;}
     .sobre .conteudo .top .texto {text-align: justify; hyphens: auto; margin: 0 0 20px;}
     .sobre .btn-whats {margin: 0 auto;}
     .sobre .conteudo .bottom .cards .card {flex-direction: column; justify-content: center; align-items: center; max-width: 650px; gap: 20px; padding: 20px; border-radius: 15px; border: 2px solid var(--azul-seg);}
     .sobre .conteudo .bottom .cards {gap: 25px;}
     .sobre .conteudo .bottom .cards .card .titulo {text-align: center;}
     .sobre .conteudo .bottom .cards .card .texto {text-align: justify; hyphens: auto;}

     .sobre .conteudo {gap: 30px;}

     .sobre-2 .conteudo .cards {gap: 25px;}
     .sobre-2 .conteudo .cards .card { padding: 20px; border-radius: 15px; border: 2px solid var(--branco);}

     .sobre-2 {background-image: none;}
     .sobre-2 .conteudo {padding: 25px 0;}
     .sobre-2 .img {display: none;}
     .sobre-2 .conteudo .cards {max-width: 100%; padding: 0;}

     .sobre-2 .conteudo .cards {gap: 15px; justify-content: center; align-items: center;}
     .sobre-2 .conteudo .cards .card {flex-direction: column; align-items: center; gap: 20px; max-width: 650px;}
     .sobre-2 .conteudo .cards .card .icone {width: fit-content;}
     .sobre-2 .conteudo .cards .card .titulo {text-align: center;}
     .sobre-2 .conteudo .cards .card .texto {text-align: justify; hyphens: auto;}

     .diferenciais {padding: 25px 0;}
     .diferenciais .conteudo .agp-cards {flex-direction: column; align-items: center; gap: 45px;}
     .diferenciais .diferencial {width: 100%; max-width: 650px; padding: 0 45px 0;}
     .diferenciais .cards {min-height: auto; gap: 35px;}
     .diferenciais .card.cd-1, .diferenciais .card.cd-2, .diferenciais .card.cd-3 {min-height: auto; padding: 0 0 30px;}     
     .diferenciais .agp-cards .titulo {margin-bottom: 20px;}
     
     .diferenciais .conteudo > .titulo {font-size: 30px; line-height: 40px; text-align: center; margin: 0 0 35px;}

     .mv {padding: 25px 0;}

     .mv .card .titulo {margin-bottom: 20px;}
}

@media (max-width:900px){

     .mv .card .titulo {margin-bottom: -12px; top: -26px; position: relative; z-index: 100;}

     .mv .conteudo {grid-template-areas: 'b' 'a' 'd' 'c' 'f' 'e'; grid-template-columns: 1fr; grid-template-rows: repeat(6, auto); place-content: center; place-items: center;}
     .mv .card.c-img {width: 100%; max-height: 279px; height: 279px;}
     .mv .card {min-height: auto; max-width: 650px;}
     .mv .card.c-1, .mv .card.c-3 {padding: 0 0 30px; justify-content: center;}

     .mv .card.c-5 {padding: 0 0 0;}
     .mv .card .texto {text-align: justify; hyphens: auto;}
     .mv .card.c-4 {border-radius: 15px 15px 0 0;}
     .mv .card.c-6 {border-radius: 15px 15px 0 0;}
}


@media (max-width:600px){
     .diferenciais .diferencial {padding: 0 25px;}
}