[data-component='splide_sub'] .is-active.is-visible {
    transition: filter 0.3s ease;
    filter: brightness(60%);
}
.splide__pagination__page {
    background: black;
    opacity: 15%;
    width: 12px;
    height: 12px;
    margin: 3px 6px;
}
.splide__pagination__page.is-active {
    background: black !important;
    opacity: 70%;
    transform: scale(1) !important;
}
.splide__track {
    height: 100%;
}

@media (min-width: 768px) {
    #top-fv-carousel-wrapper .splide__slide {
        position: relative;
    }
    #top-fv-carousel-wrapper .splide__slide:before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: rgba(255, 255, 255, 0.4);
        opacity: 0;
        transition: opacity 400ms ease;
    }
    #top-fv-carousel-wrapper:hover .splide__slide:before {
        opacity: 1;
    }
}