.servicos {padding: 92px 0 0;}
.servicos .cards {display: flex; gap: 65px 1.73%; flex-direction: row-reverse; flex-wrap: wrap;}

.servicos .card {display: flex; flex-direction: column; gap: 26px; width: calc((100% / 3) - 1.16%); transition: 0.4s;}

.servicos .card.card-servico:hover {transform: scale(1.06)}
/* .servicos .card:hover .icone {background: var(--azul-seg);} */
/* .servicos .card:hover .titulo {color: var(--branco)} */

.servicos .card.card-servico .header {display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; padding: 0 0 0 24px; border-left: 7px solid var(--azul-seg); flex: 1; transition: 0.4s; position: relative;}
.servicos .card.card-servico .img {width: 100%; height: auto; border-radius: 15px; overflow: hidden;}
.servicos .card.card-servico .img img {width: 100%; height: 100%;}
.servicos .card.card-servico .titulo {font: 400 17.02px / 29.07px montserrat; color: var(--preto); padding: 10px 0; transition: 0.4s;}
.servicos .card.card-servico .icone {min-width: 51px; height: 51px; border-radius: 9px; display: flex; justify-content: center; align-items: center; background: var(--azul); transition: 0.4s;}
.servicos .card.card-servico .icone svg {width: 8px; height: 14px;}

.card.card-titulo {display: flex; flex-direction: column; gap: 0; justify-content:center; align-items: center;}
.card.card-titulo .sub-titulo {font: 500 15px / 18px montserrat; color: var(--azul-ter); margin: 0 0 6px; letter-spacing: 5.643px; text-align: center;}
.card.card-titulo .titulo {font: 400 51.2px / 61px montserrat; color: var(--preto); margin: 0 0 41px; text-align: center; margin: 0 0 29px;}
.card.card-titulo .texto {font: 400 15px / 30.42px montserrat; color: var(--cinza); text-align: center;}

.df-home {padding: 179px 0 92px; background: var(--azul);}

.df-home .card .header {display: flex; flex-direction: row; gap: 22px; margin: 0 0 25px;}
.df-home .card .icone {width: 43px; height: 43px;}
.df-home .card .icone svg {width: 100%; height: 100%}
.df-home .card .titulo {font: 700 19.67px / 25.88px montserrat; color: var(--branco);}
.df-home .card .texto {font: 400 15px / 30.42px montserrat; color: var(--branco); hyphens: auto;}

.df-home .card {max-width: 340px;}
.df-home .splide__list {width: 100%; justify-content: space-between;}

.sobre {padding: 81px 0 0;}
.sobre .conteudo {display: grid; gap: 30px;}
.sobre .top {display:flex; gap: 30px;}
.sobre .top .sub-titulo { font: 500 15px / 18px montserrat; color: var(--azul-ter); margin: 0 0 6px; letter-spacing: 5.643px;}
.sobre .top .titulo {font: 400 51.2px / 61px montserrat; color: var(--preto); margin: 0 0 41px;}
.sobre .top .texto {font: 400 15px / 30.42px montserrat; color: var(--cinza); margin: 0 0 56px;}
.sobre .top .texto p,.sobre .top .texto h1 {display: inline;}

.sobre .top .info {flex: 0 0 654px; padding: 9px 0 0 35px;}
.sobre .top .img {max-width: 488px; width: 100%; height: auto; display: flex; border-radius: 15px; overflow: hidden;}
.sobre .top .img img {width: 100%; height: 100%; object-fit: cover;}

.sobre .bottom {margin-bottom: -81px;}
.sobre .bottom .card {border-radius: 15px;}
.sobre .bottom .cards {display: flex; gap: 30px;}
.sobre .bottom .card-texto {max-width: 488px; width: 100%; background: var(--azul-seg); font: 400 37.2px / 48px montserrat; color: var(--branco); display: flex; align-items: center; justify-content: center; padding: 0 25.5px}
.sobre .bottom .card-texto p {max-width: 427px;}
.sobre .bottom .card-img {flex: 0 0 654px;}

.sobre .bottom .card-img {position: relative;}
.sobre .img-pessoa {position: absolute; left: 31px; bottom: 0; display: flex;}
.sobre .img-pessoa img {width: 100%; height: 100%; object-fit: contain;}

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

.diferenciais {padding: 96px 0 107px;}
.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;}

.df-home .splide__arrow {opacity: 1; background: var(--azul-seg);}
.df-home .splide__arrow svg {fill: var(--branco)}
.df-home .splide__arrow--next {right: -2.5em;}
.df-home .splide__arrow--prev {left: -2.5em;}

.sobre .btn-saiba-mais {position: relative; z-index: 10;}

@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;}

}
@media (max-width:1250px){
     .sobre .bottom .card-texto {text-align: center;}
     .sobre .top .info {padding: 0;}
}

@media (max-width:1200px){
     /* .df-home .splide__list {justify-content: flex-start;} */
     .df-home .card {max-width: 100%;}

     .servicos .cards {justify-content: space-between;}
     .servicos .card {width: calc((100% / 2) - 1.83%);}
     .card.card-titulo {width: 100%;}
}

@media (max-width:1110px){
     .sobre .top .img {min-width: 315px; height: 80%;}
     .sobre .bottom .card-texto {max-width: 315px;}
     .sobre .top .info, .sobre .bottom .card-img {flex: auto;}
     .sobre .top .titulo {margin: 0 0 31px;}
     .sobre .top .texto {margin: 0 0 36px;}
     /* .sobre .img-pessoa {left: 0;} */
}

@media (max-width:990px){
     .sobre {padding: 25px 0 0;}
     .sobre .top {flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
     .sobre .top .sub-titulo {text-align: center;}
     .btn-saiba-mais {margin: 0 auto;}
     .sobre .top .titulo {font-size: 30px; line-height: 40px; margin-bottom: 15px; text-align: center;}
     .sobre .top .texto {margin-bottom: 20px; text-align: justify; hyphens: auto;}
     .sobre .bottom .card-texto {font-size: 28px; line-height: 40px;}
     .sobre .img-pessoa {left: 0;}

     .df-home {padding: 120px 0 25px;}
     .df-home .card {height: 100%; border-radius: 15px; border: 2px solid var(--branco); padding: 20px 23px;}
     .df-home .card .texto {text-align: justify;}
     .df-home .card .header {gap: 15px; margin: 0 0 15px; flex-direction: column;}

     .servicos {padding: 25px 0 0;}
     .servicos .cards {gap: 25px 2.73%;}
     .servicos .card.card-titulo .titulo {font-size: 30px; line-height: 40px; margin-bottom: 15px;}

     .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;}

     .df-home .splide__arrow--next {right: -1em;}
     .df-home .splide__arrow--prev {left: -1em;}

}

@media (max-width:860px){
     .sobre {padding: 25px 0 25px;}
     .sobre .conteudo {gap: 70px;}
     .sobre .bottom .cards {flex-direction: column-reverse; justify-content: center; align-items: center; gap: 20px;}
     .sobre .bottom .card-img {width: 100%;}
     .sobre .bottom {margin-bottom: 0;}
     .sobre .bottom .card-texto {max-width: 100%; padding: 18px 25.5px;}
     .sobre .bottom .card-texto p {max-width: 100%;}

     
     .df-home {padding: 25px 0;}
}


@media (max-width:760px){
     .servicos .cards {justify-content: center;}
     .servicos .card {width: 100%; max-width: 550px;}
     .card.card-titulo {max-width: 100%;}
     
     .servicos .card {gap: 0;}
     .servicos .card .header {background: var(--azul); min-height: 75px;}
     .servicos .card .header .titulo {color: var(--branco);}
     .servicos .card.card-servico .img {border-radius: 15px 15px 0 0;}
     .servicos .card .img {border-radius: 15px 15px 0 0;}
}


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


@media (max-width:500px){
     .sobre .conteudo {gap: 30px;}
     .df-home .card .header {justify-content: center; align-items: center;}
     .df-home .card .titulo {text-align: center;}
}