.splide {
    margin: 0 0 20px 0;
}

.splide .splide__slide > iframe {
    width: 100%;
    height: 400px;
}

.splide .splide__slide > span.swipeIframe {
    position: absolute;
    width: 100%;
    height: 400px;
    background: transparent;
}

.splide .splide__slide > img {
    width: 100%;
    height: auto;
}

.splide .splide__arrow {
    background: var(--primary);
    opacity: 1;
    width: 1.5rem;
    height: 1.5rem;
}

.splide__arrow--prev {
    left: .5rem;
}

.splide__arrow--next {
    right: .5rem;
}

.splide__pagination__page {
    opacity: 1;
    background: var(--white);
    transform: scale(1.4);
}

.splide__pagination li {
    margin: 4px;
}

.splide .splide__pagination__page.is-active {
    background: var(--primary);
}

.splide .splide__arrow svg {
    fill: var(--white);
    opacity: 1;
    height: 1rem;
}

@media (min-width: 768px) {
    .splide {
        margin: 0 0 60px 0;
    }

    .splide .splide__arrow {
        width: 2rem;
        height: 2rem;
    }

    .splide .splide__arrow svg {
        height: 1.5rem;
    }
}

@media (min-width: 1400px) {
    .splide .splide__slide > iframe {
        display: block;
        width: 100%;
        height: 600px;
        max-width: 2000px;
        margin: 0 auto;
    }
}