.loop-slider {
    display: block !important;
    padding: 0 0 50px 0;
    position: relative;

    --swiper-theme-color: var(--fl-global-hover-header-footer);
    /* Navigation */
    --swiper-navigation-size: 24px;
    --swiper-navigation-top-offset: calc(50% - var(--swiper-navigation-size) /2);
    --swiper-navigation-sides-offset: 0px;
    --swiper-navigation-color: #707070;
    /* Pagination */
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-bullet-size: 14px;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-color: #434244;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

.loop-slider .swiper-pagination-bullet {
    border: 0.5px solid #434244;
}

.loop-slider.loop-slider-nav-inline {
    padding: 0;
}

.loop-slider .swiper-inline-navigation {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.loop-slider .swiper-inline-navigation .swiper-pagination, .loop-slider .swiper-inline-navigation .swiper-button-next, .loop-slider .swiper-inline-navigation .swiper-button-prev {
    position: static;
    margin: 0;
    width: auto;
    height: auto;
}

.loop-slider .swiper-inline-navigation .swiper-pagination {
    order: 1;
}

.loop-slider .swiper-inline-navigation .swiper-button-next {
    order: 2;
}

.loop-slider .swiper-inline-navigation .swiper-button-prev {
    order: 0;
}

.loop-slider.loop-slider-white-theme {
    --swiper-navigation-color: #ffffff;
}

.loop-slider.loop-slider-no-pagination {
    padding: 0;
}

.loop-slider .swiper-slide {
    width: auto;
    height: auto;
}

.loop-slider.loop-slider-nav .swiper {
    margin: auto 40px;
}

@media (max-width: 991.98px) {
    .loop-slider.loop-slider-sm-md-nav .swiper {
        margin: auto 40px;
    }
}

@media (max-width: 767.98px) {
    .loop-slider.loop-slider-sm-md-nav .swiper, .loop-slider.loop-slider-nav .swiper {
        margin: auto 10px;
    }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .loop-slider {
        padding: 0 0 50px;
        --swiper-navigation-size: 25px;
        --swiper-navigation-sides-offset: -15px;
    }
}

/* Hide Loop Grid until SwiperJS turns it into a slider to stop FOUC */
body:not(.fl-builder-edit) .loop-slider .fl-loop-grid {
    display: none;
}