.portfolio-bg { padding: 80px 0; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); }
.portfolio-bg .portfolio {display: grid;grid-template-columns: 1fr 1fr;gap: 32px;}
.portfolio .carrossel,
.portfolio .conteudo {min-width: 0;}
.portfolio .carrossel .splide { width: 100%; }
.portfolio .carrossel .splide__track { overflow: hidden; }
.portfolio .carrossel .item { display: flex; align-items: center; justify-content: center; max-width: 100%; }
.portfolio .carrossel img { display: block; max-width: 100%; height: auto; }

.portfolio .conteudo .titulo {font: 600 37.24px / 1.2 titillium; color: var(--cor2); padding-left: 25px; box-sizing: border-box; position: relative;}
.portfolio .conteudo .titulo::after {content: ''; position: absolute; left: 4px; top: 50%; width: 6px; height: 70px; background: var(--cor1); transform: translate(-50%, -50%);}
.portfolio .conteudo .texto {font: 16px / 1.8 titillium; color: var(--cinza); margin-top: 40px;}

.portfolio .splide__arrows {display: flex; position: absolute; bottom: 0; right: -30%; gap: 5px;}
.portfolio .splide__arrow {position: static; transform: none; border-radius: 0; width: 60px; height: 60px; background: var(--cor1) !important; opacity: 1 !important;}
.portfolio .splide__arrow svg {fill: var(--branco); height: 22px; width: 22px;}


@media(max-width: 1250px){
    .portfolio .splide__arrows {position: absolute;width: 100%;transform: translate(-50%, -50%);top: 50%;left: 50%;align-items: center;z-index: 9999;justify-content: space-between;}
    .portfolio-bg .portfolio {display: flex; flex-direction: column-reverse;}
}