.f-carousel.big-scroller {
    background: transparent;
    --f-carousel-slide-height: 25rem !important;

    --f-button-border-radius: 0;
    --f-button-shadow: none;

    --f-button-bg: transparent !important;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;

    --f-carousel-dot-color: #fff !important;


    .btn.btn-primary {
        background: var(--color-secondary-light);
        color: var(--color-darker);
    }

    .btn.btn-primary:hover {
        background-color: oklch(from var(--color-secondary-light) calc(L - 0.02) C H);
    }
}

.f-carousel.big-scroller .f-carousel__slide {
    position: relative;
}

.f-carousel.big-scroller .f-carousel__slide > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 250ms ease;
    border-radius: var(--border-radius);
}

.f-carousel.big-scroller .f-carousel__slide_text {
    position: absolute;
    bottom: 0;
    line-height: 1.4em;
    color: #333;
    z-index: 10;
    padding: 2rem;
    font-size: 1.25rem;
}

.f-carousel.big-scroller .f-carousel__slide_text .text-lead {
    font-size: 1.5em;
    margin-bottom: 1.5em;
    line-height: 1em;
}

.f-carousel.big-scroller .f-carousel__dots {
    bottom: calc(var(--f-carousel-dots-height) * -1 + 2rem) !important;
}

.big-scroller.is-horizontal .f-button.is-arrow.is-prev, .big-scroller.is-horizontal .f-button.is-arrow.is-next {
    top: 94% !important;
}

@media (min-width: 576px) {
    .f-carousel.big-scroller {
        --f-carousel-slide-height: 25rem !important;
    }

    .f-carousel.big-scroller .f-carousel__slide_text {
        padding: 2rem;
    }
}

@media (max-width: 575.98px) {
    .f-carousel.big-scroller .f-carousel__nav {
        display: none;
    }
}

@media (min-width: 768px) {
    .f-carousel.big-scroller {
        --f-carousel-slide-height: 28rem !important;
    }

    .f-carousel.big-scroller .f-carousel__slide_text {
        padding: 1.5rem 3rem;
    }
}

@media (max-width: 767.99px) {
}

@media (min-width: 992px) {
    .f-carousel.big-scroller .f-carousel__slide_text {
        padding: 2rem 5rem;
    }
}

@media (max-width: 991.98px) {
}

@media (min-width: 1200px) {
    .f-carousel.big-scroller {
        --f-carousel-slide-height: 25rem !important;
    }
}


@media (max-width: 1199.98px) {
    .f-carousel.big-scroller .f-carousel__dots {
        bottom: calc(var(--f-carousel-dots-height) * -1 + 3rem) !important;
    }
}

@media (min-width: 1400px) {
    .f-carousel.big-scroller {
        --f-carousel-slide-height: 30rem !important;
    }
}

.f-carousel.big-scroller .f-carousel__slide-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 5;
}

.f-carousel.big-scroller .vjs-poster img {
    object-fit: cover;
}