.servicos .setas {top: 0; display: none;}
.servicos .seta .cls-1 {fill: var(--branco) !important;}
.servicos .setas .seta {background: #00476f; padding: 0 6px; width: 20px; /* border-radius: 0 100px 100px 0;*/}
.servicos .setas .seta:hover {opacity: 1;}



.servicos {padding: 93px 0 0;}
.servicos .slide {position: relative;}
.servicos .splide .splide__list {gap: 54px 0; display: grid; grid-template-columns: repeat(5, auto); grid-template-rows: repeat(2, 1fr);}
.servicos .splide__list {justify-content: space-between;}
.servicos .agrupa-cards {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 57px;}

.servicos .conteudo > .titulo {font: 700 46px / 57px aloe; color: var(--azul-qua); margin: 0 0 27px; text-align: center;}

.institucional-1 {padding: 105px 0 52px;}
.institucional-1 .conteudo {display: flex; flex-direction: row-reverse; gap: 25px; justify-content: space-between;}
.institucional-1 .conteudo > .img {display: block; flex: 0 0 547px; width: 100%;}
.institucional-1 .conteudo > .img .mobile { display: none; }
.institucional-1 .conteudo .img img {width: 100%; height: 100%; object-fit: cover;}
.institucional-1 .conteudo .info {width: 545px;}

.institucional-1 .conteudo .info {display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 0 0 353px; position: relative;}
.institucional-1 .conteudo .info .texto {font: 400 15.5px / 32px montserrat; color: var(--preto-ter); hyphens: auto; margin: 0 0 28px;}

.institucional-1 .conteudo .info .top .titulo {font: 700 45.99px / 51.81px aloe; color: var(--azul-qua); margin: 0 0 37px; padding: 42px 0 0; position: relative;}
.institucional-1 .conteudo .info .top .titulo::before {content: ''; width: 76px; height: 10px; background: var(--azul-qui); left: 0; top: 0; position: absolute;}

.institucional-1 .conteudo .info .bottom {display: flex; flex-direction: row; margin: -6px -296px 0 0; justify-content: space-between; position: absolute; bottom: 0; left: 0; background: var(--branco);}
.institucional-1 .conteudo .info .bottom .img {flex: 0 0 399px; padding: 27px 27px 0 0; background: var(--branco); max-height: 290px;}

.institucional-1 .conteudo .info .bottom .sub-info {width: 445px; margin-top: 16px;}
.institucional-1 .conteudo .info .btn-mais {width: fit-content; padding: 10px 20px; border-radius: 18.96px; background: var(--azul-qui); color: var(--branco); font: 300 16.14px aloe; margin: 0 0 0 auto; display: block; text-align: center;}


.qualidades .splide .splide__list {gap: 75px 0; display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: repeat(2, 1fr);}
.qualidades .conteudo {position: relative;}
.qualidades .agrupa-cards {display: flex; flex-direction: column; justify-content: space-between; height: 100%}


.qualidades .setas {top: 0; display: none;}
.qualidades .seta .cls-1 {fill: var(--branco) !important;}
.qualidades .setas .seta {background: #999999; padding: 0 6px; width: 20px;}
.qualidades .setas .seta.direita  {transform: translate(10px);}
.qualidades .setas .seta.esquerda  {transform: rotate(180deg) translate(10px);}
.qualidades .setas .seta:hover {opacity: 1;}


.portfolio-sec { padding: 60px 0 0; }
.portfolio-sec .conteudo {display: grid; grid-template-areas: 'a b c' 'a d e'; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2, 1fr); gap: 27px;}
.portfolio-sec .card-texto {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 25px 0 0; position: relative; gap: 6%;}
.portfolio-sec .card-texto::before {content: '';  height: 10px; width: 76px; background: var(--azul-qui); position: absolute; top: 0;}
.portfolio-sec .card-texto .titulo {font: 700 43.5px / 50px aloe; color: var(--azul-qua); /*margin: 0 0 21px;*/}
.portfolio-sec .card-texto .texto {font: 400 15px / 32px montserrat; color: var(--cinza-ter); /*margin: 0 0 39px; */ text-align: center;}
.portfolio-sec .card-texto .btn-mais {font: 300 16.14px / 18.18px aloe; color: var(--branco); border-radius: 18.96px; background: var(--azul-qui); width: fit-content; padding: 10px 20px; text-align: center; display: block; margin: 5% 0 0; cursor: pointer;}
.portfolio-sec .img {width: 100%; height: 100%; display: block;}
.portfolio-sec .img img {width: 100%; height: 100%; object-fit: cover;}
.portfolio-sec .img.d { max-height: 290px; }


/* seciton 4 */
.institucional-4 {padding: 95px 0 72px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.institucional-4 .conteudo {display: flex; flex-direction: row; justify-content: center; gap: 20px; position: relative;}
.institucional-4 .conteudo::before {content: ''; width: 76px; height: 10px; background: var(--azul-qui); top: 0; position: absolute; margin: 0 auto;}
.institucional-4 .conteudo .img {width: 200px;}
.institucional-4 .carro {max-width: 833px; max-height: 415px; width: 100%; height: 100%; position: absolute; left: 0; top: 104px;object-fit: contain;}

.institucional-4 .conteudo .info {flex: 0 0 855px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; margin: 0 30px 0 0;}
.institucional-4 .conteudo .titulo {font: 700 45.99px / 51.81px aloe; color: var(--azul-qua); margin: 47px 0 39px 0; text-align: right;}
.institucional-4 .conteudo .texto {font: 400 15.5px / 32px montserrat; color: var(--cinza-ter); margin: 0 0 48px; max-width: 599px; width: 100%; text-align: justify; hyphens: auto;}
.institucional-4 .conteudo .marcas {max-width: 608px; width: 100%; display: flex; flex-direction: row; gap: 39px;}
.institucional-4 .conteudo .marcas .marca {max-width: 174px; max-height: 46px; width: 100%; height: auto;}
.institucional-4 .conteudo .marcas .marca img {width: 100%; height: 100%; object-fit: contain;}


@media (max-width:1920px){
    .institucional-4 .carro {left: -5%;}
}

@media (max-width:1700px){
    .institucional-4 .carro {left: -10%;}
}

@media (max-width:1580px){
    .institucional-4 .carro {left: -15%;}
}

@media (max-width:1450px){
    .institucional-4 .carro {left: -20%;}
}

@media (max-width:1330px){
    .institucional-4 .carro {left: -25%;}
}

@media (max-width:1230px){
    .servicos .setas .seta.direita {transform: translate(15px);}
    .servicos .setas .seta.seta.esquerda {transform: translate(-15px);}
    .servicos .setas {display: flex;}

    .servicos .splide .splide__list {gap: unset; display: flex; grid-template-columns: unset; grid-template-rows: unset;}
    .servicos .splide__list {justify-content: unset;}
    .servicos .agrupa-cards {width: 100%;}

    .institucional-4 .carro {left: -33%;}

    .servicos .splide__list {justify-content: space-between;}
    .servicos .agrupa-cards {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 57px;}
}

@media (max-width:1200px){
    .institucional-1 .conteudo {position: relative;}
    .institucional-1 .conteudo .info {position: static; padding: 0;}
    .institucional-1 .conteudo .info .bottom {margin: 0; flex-direction: column; padding: 0; justify-content: center; width: 100%; gap: 20px; position: static;}
    .institucional-1 .conteudo > .img {flex: 0 0 50%;}
    .institucional-1 .conteudo .info .bottom .img {padding: 0;}
    .institucional-1 .conteudo .info .top .titulo {font-size: 32px; line-height: 42px;}     
}
@media (max-width:1150px){     
    .institucional-4 .carro {left: -38%;}
}

@media (max-width:1100px){
    .institucional-1 .conteudo .info .bottom {left: 0;}
    .institucional-4 .carro {left: -48%;}
}
@media (max-width:1040px){
    .institucional-4 .carro {left: -54%;}
}
@media (max-width:990px){
    .qualidades .splide .splide__list {gap: unset; display: flex; grid-template-columns: unset; grid-template-rows: unset;}
    .qualidades .setas .seta.direita {transform: translate(15px);}
    .qualidades .setas .seta.seta.esquerda {transform: translate(-15px);}
    .qualidades .setas {display: flex;}


    .servicos {padding: 25px 0 0;}
    .servicos .conteudo > .titulo {margin: 0 0 10px; font-size: 30px; line-height: 37px;}

    .institucional-1 {padding: 25px 0;}
    .institucional-1 .conteudo {flex-direction: column;}
    .institucional-1 .conteudo .info {width: 100%;}
    .institucional-1 .conteudo .info .top .titulo {text-align: center; display: flex; justify-content: center; align-items: center; font-size: 30px; line-height: 37px; margin: 0 0 10px; padding: 25px 0 0;}
    .institucional-1 .conteudo .info .top .titulo::before {left: unset;}
    .institucional-1 .conteudo .info .btn-mais {margin: 0 auto; max-width: 300px; width: 100%;}
    
    .institucional-1 .conteudo > .img {flex: 0 0 auto; width: 100%; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
    .institucional-1 .conteudo > .img .mobile { display: flex; flex-direction: column; gap: 10px; }
    .institucional-1 .conteudo .info .bottom .img {padding: 0;width: 100%;}
    .institucional-1 .conteudo .info .bottom {align-items: center; flex-direction: column; position: absolute; width: 48.188%; left: unset; right:0; gap: 10px; top: 0; bottom: unset; display: none;}
    .institucional-1 .conteudo .info {padding: 0; gap: 20px;}
    .institucional-1 .conteudo .info .bottom .sub-info{margin-top: 0;}

    .portfolio-sec .card-texto {padding: 15px 0 0;}
    .portfolio-sec .card-texto .titulo {font-size: 30px; line-height: 37px;}
    .portfolio-sec .card-texto .texto {line-height: 28px;}
    .portfolio-sec .card-texto .btn-mais {margin: 0;}
    .portfolio-sec .conteudo {gap: 4% 2%;}


    .institucional-4 {padding: 25px 0; flex-direction: column;}
    .institucional-4 .carro {left: -24%; top: unset; width: 533px; height: 300px; position: relative; margin: 0 0 10px;}
    .institucional-4 .conteudo {flex-direction: column; align-items: center;}
    .institucional-4 .conteudo .img {display: none;}
    .institucional-4 .conteudo .info {margin: 0; flex: 0 0 auto;}
    .institucional-4 .conteudo .titulo {text-align: center; margin: 20px 0 10px; font-size: 37px; line-height: 42px;}
    .institucional-4 .conteudo .texto {margin: 0 0 20px;}
    .institucional-4 .conteudo .marcas {justify-content: center; gap: 15px; flex-wrap: wrap;}
    .institucional-4 .conteudo .marcas .marca {width: 104px;}
    .institucional-4 .conteudo .texto,.institucional-4 .conteudo .marcas {max-width: 100%;}
}
@media (max-width:700px){
    .portfolio-sec .conteudo { grid-template-areas:
        'b b'
        'a d'
        'a e'
        'c c'
        ;
        gap: 8px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
    }

    .portfolio-sec .card-texto {height: 200px;}
    .portfolio-sec .card-texto {padding: 20px 0 10px; margin-top: 10px;}
    .portfolio-sec .img.c {max-height: 250px; padding: 0 25px;}
    /* .portfolio-sec .img.e img {object-position: top;} */
    .portfolio-sec .card-texto .btn-mais {width: 100%; max-width: 350px;}

    .institucional-1 .conteudo .info .bottom .sub-info {width: 100%;}
    .portfolio-sec .img.a {padding-left: 25px;}
    .portfolio-sec .img.d, .portfolio-sec .img.e {padding-right: 25px;}

}
@media (max-width:650px){
    .institucional-1 .conteudo .info .bottom {gap: 6px;}
    
    .institucional-4 .carro {left: -19%; top: unset; width: 400px; height: auto; position: relative;}
    .institucional-4 .conteudo .titulo {font-size: 30px; line-height: 34px;}

    .qualidades .setas .seta.direita  {transform: translate(15px);}
    .qualidades .setas .seta.esquerda  {transform: rotate(180deg) translate(15px);}
}

@media (max-width:500px){
    .portfolio-sec .img.c {padding: 0;}
    .portfolio-sec .img.a {padding-left: 0;}
    .portfolio-sec .img.d, .portfolio-sec .img.e {padding-right: 0;}
}