.splide {
    margin-block-start: calc(var(--spacing) * -8);
    margin-inline: calc(var(--spacing) * -6);
}
.splide__pagination {
    bottom: 8px;
    gap: 10px;
}
.splide__pagination__page {
    width: 6px;
    height: 6px;
    margin: 0;
    opacity: 1;
    background-color: #cbc9c8;
}
.splide__pagination__page.is-active {
    background-color: var(--color-primary);
    transform: none;
}

.splide__arrow {
    width: 30px;
    height: 30px;
    padding: .4em;
    background-color: var(--color-white);
}
.splide__arrow svg {
    width: 100%;
    height: 100%;
    fill: #f96915;
}

@media (min-width: 992px) {
    .splide__pagination {
        bottom: 12px;
        gap: 14px;
    }
    .splide__pagination__page {
        width: 8px;
        height: 8px;
    }

    .splide__arrow {
        width: 40px;
        height: 40px;
        padding: .5em;
    }
}

@media (min-width: 1200px) {
    .splide__pagination {
        bottom: 15px;
        gap: 18px;
    }
    .splide__pagination__page {
        width: 10px;
        height: 10px;
    }
}