.component-title-sliding-images-texts__cards {
    width: 100%;
    padding: var(--padding-y) var(--padding-x);
    padding-bottom: calc(var(--padding-y) * 2); /* extra-space for the dots */
}

.component-title-sliding-images-texts--title__cards {
    margin-bottom: 2.5rem;
}

.component-title-sliding-images-texts--slider-outer-wrapper__cards {
    position: relative;
}

.component-title-sliding-images-texts--arrow__cards {
    --swiper-navigation-sides-offset: -2rem;
    --swiper-navigation-top-offset: calc(50% - 1rem);
    margin: 0;
}

.component-title-sliding-images-texts--arrow__cards:after {
    padding: 1rem;
    color: var(--primary-400);
    font-weight: 900;
    text-shadow: .02rem .02rem 0 var(--primary-400), 
                 .02rem -.02rem 0 var(--primary-400), 
                 -.02rem .02rem 0 var(--primary-400), 
                 -.02rem -.02rem 0 var(--primary-400);
}

.component-title-sliding-images-texts__cards .swiper-pagination {
    position: static;
    margin-top: 3rem;
}

@media screen and (min-width: 768px) {

    .component-title-sliding-images-texts__cards {
        padding-bottom: var(--padding-y);
    }

    .component-title-sliding-images-texts--slider__cards {
        width: calc(100% - 8rem);
        margin-left: auto;
        margin-right: auto;
    }

    .component-title-sliding-images-texts__cards:has(.swiper-button-lock) .component-title-sliding-images-texts--slider__cards {
        display: block;
    }

    .component-title-sliding-images-texts__cards:has(.swiper-button-lock) .component-title-sliding-images-texts--slider__cards .swiper-wrapper {
        width: auto;
    }

}