.institucional {display: flex; gap: 70px; padding: 80px 0 0;}
.institucional .left {max-width: 40%;}
.institucional .left .titulo {font: 700 2.875rem titilium; color: #2B2B2B; padding: 0 0 56px; line-height: 1;}
.institucional .left .titulo b {color: #0085AC; font-style: italic;}
.institucional .left .texto {font: 300 0.9375rem / 1.625rem roboto; color: #737373; display: inline;}
.institucional .right {position: relative;}
.institucional .right::after {width: 152px; height: auto; aspect-ratio: 1/1; position: absolute; content: ''; background: url('../../img/selo.png') no-repeat center center; transform: translate(-50%, -50%); left: 0; top: 50%;}
.institucional .right img {object-fit: cover;}
.diferenciais {display: grid; grid-template-columns: repeat(4, 1fr);justify-items: right; padding: 40px 0 50px; gap: 20px;}
.diferenciais::before {content: ''; grid-column: 1/2;}
.diferenciais .diferencial-item {display: flex;flex-direction: column; gap: 20px; height: 100%; justify-content: space-between;}
.diferenciais .diferencial-item img {max-width: 51px; height: 51px; width: 100%; object-fit: contain;}
.diferenciais .text {font: 300 1rem / 1.4 roboto; color: #81848C;}
.diferenciais .text b {color: #363638; font: 700 1rem roboto;}

.seguranca-bg {background: #2B2B2B; position: relative; padding: 80px 0;}
.seguranca-bg::after {content: ''; position: absolute; left: 0; top: 0; width: 20%; height: 22%; background: var(--branco);}
.seguranca {display: grid; grid-template-columns: 1fr 2fr;}
.seguranca .img {position: absolute; left: 10%; top: -25%; z-index: 1;}
.seguranca .img img {object-fit: contain; width: 100%; height: 100%;}
.seguranca .text-parent {grid-column: 2/3; display: flex; flex-direction: column; gap: 55px; align-items: flex-end;}
.seguranca .text-parent .titulo {font: 700 2.875rem / 3.3125rem titilium; color: var(--branco); text-align: right;}
.seguranca .text-parent .texto {font: 300 0.9375rem / 1.625rem roboto; color: var(--branco); padding-left: 45px; max-width: 600px;}
.seguranca .text-parent .botoes {display: flex; justify-content: space-between; padding-left: 45px; max-width: 600px; width: 100%;}
.seguranca .text-parent .botoes > a {color: var(--branco); display: flex; align-items: center; justify-content: center;}
.seguranca .text-parent .botoes .btn-saiba-mais {font: 700 12.9px roboto; background: #007DA1; padding: 15px;}
.seguranca .text-parent .botoes .whats-href picture {background: #8CBE66; width: 50px; aspect-ratio: 1/1; height: auto; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.seguranca .text-parent .botoes .whats-href > p {background: #8CBE66; padding: 10px; font: 700 12.83px montserrat; border-radius:0 1.23rem 1.23rem 0; margin-left: -10px;}

.missao-bg {padding: 0 0 110px;}
.missao {position: relative;}
.missao .whats-href {display: flex;align-items: center; position: absolute; right: 0; top: 55px;}
.missao .whats-href .img-whats {display:flex;align-items: center; justify-content: center; width: 80px; height: auto; aspect-ratio: 1/1; border-radius: 50%; background: #8CBE66;}
.missao .whats-href p {font: 700 1.3081rem montserrat; color: var(--branco); background: #8CBE66;text-align: center; align-content: center; padding:20px 20px 20px 40px; text-transform: uppercase; border-radius: 1.2294rem; margin-left: -40px; z-index: -1; }
.missao .lista-missoes {padding: 200px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px;}
.missao .missao-item {position: relative;box-sizing: border-box;overflow: hidden; padding: 60px 40px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 1.875rem; gap: 45px;}
.missao .missao-item::after {position: absolute; content: ''; width: 180px; height: 183px; right: 0; bottom: 3%; z-index: -1;}
.missao .missao-item:nth-child(1)::after {background: url('../../svg/alvo.svg') no-repeat center center / cover;}
.missao .missao-item:nth-child(2)::after {background: url('../../svg/incremento.svg') no-repeat center center / contain;bottom: -10%; width: 195px; height: 172px;}
.missao .missao-item:nth-child(3)::after {background: url('../../svg/diamante.svg') no-repeat center center / cover;}

.missao .missao-item .titulo {font: 700 37.36px titilium; color: #2B2B2B;}
.missao .missao-item .texto {font: 300 15px / 26px roboto; color: #727272;}
.missao .missao-item .texto b {color: #2B2B2B;}
.missao .missao-item:nth-child(3) {grid-column: 1/-1; display: flex;}

@media(max-width: 1750px){
 .seguranca .img {transform: scale(.72); left: 0;}
}

@media(max-width: 1250px){
 .institucional {flex-direction: column; padding: 30px 0 0; gap: 30px;}
 .institucional .left {max-width: 100%;}
 .institucional .right {display: flex; justify-content: center; align-items: center;}
 .institucional .titulo {text-align: center;}
 .institucional .right::after {display: none;}
 .diferenciais .text {font-size: 0.875rem; line-height: unset;} 
 .diferenciais .text b {font-size: 1rem;}
 .diferenciais::before {display: none;}
 .diferenciais {grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center;}
 .diferenciais .diferencial-item {align-items: center; justify-content: center; text-align: center;}
 .institucional .left .titulo {font-size: 2.375rem; padding: 0 0 30px;}
 .seguranca {display: flex;}
 .seguranca-bg::after,
 .seguranca .img {display: none;}
 .seguranca .text-parent .titulo {text-align: center;}
 .seguranca .text-parent .texto {padding: 0; max-width: 100%;}
 .seguranca-bg {padding: 50px 0;}
 .missao .whats-href {left: 50%; transform: translate(-50%, -50%); justify-content: center; width: 100%;}
 .missao .lista-missoes {padding: 125px 0 0 ; gap: 40px 30px;}
 .missao .whats-href p {font-size: 1rem; width: 40%;}
 .missao-bg {padding: 0 0 70px;}
 .seguranca .text-parent .titulo {font-size: 2.1rem;}
 .seguranca .text-parent {gap: 35px;}

}


@media(max-width: 768px) {
 .diferenciais {grid-template-columns: repeat(2, 1fr); gap: 40px 10px ; justify-items: flex-start; align-items: start;}
 .diferenciais .diferencial-item {flex-direction: row; gap: 10px; width: 100%;}
 .diferenciais .diferencial-item:nth-child(3) {grid-column: 1/3;}
 .missao .lista-missoes {grid-template-columns: 1fr;}
 .missao .missao-item:nth-child(3) {flex-direction: column; gap: 0px;}
 .missao .whats-href p {width: 100%;}

}

@media(max-width: 500px) {
 .diferenciais {grid-template-columns: 1fr;}
 .diferenciais .diferencial-item:nth-child(3){grid-column: initial;}
 .institucional .right img {max-width: 90%;}
}