.swiper-container {
    --swiper-height: 100%;
    --swiper-pagination-bullet-inactive-color: var(--swiper-pagination-color, #000);
    --swiper-padding-start: calc(var(--swiper-pagination-padding-start, 0px) + var(--swiper-scrollbar-padding-start, 0px));
    --swiper-padding-end: calc(var(--swiper-pagination-padding-end, 0px) + var(--swiper-scrollbar-padding-end, 0px));
    position: relative;
    padding: var(--swiper-padding-start) var(--swiper-navigation-padding, 0) var(--swiper-padding-end) var(--swiper-navigation-padding, 0);
    width: var(--swiper-container-width, 100%);
    margin: var(--swiper-container-margin-y, 0) var(--swiper-container-margin-x, auto) var(--swiper-container-margin-y, 0) var(--swiper-container-margin-x, auto);

}
.swiper-container .swiper {
    height: var(--swiper-height);
}
.swiper-container .swiper-slide {
    width: var(--swiper-slide-width, 100%);
}
.swiper-pagination-bullets {
    line-height: 0;
}
.swiper-container.swiper-container-vertical {
    padding: var(--swiper-navigation-padding, 0) var(--swiper-padding-end) var(--swiper-navigation-padding, 0) var(--swiper-padding-start, 0);
}
.swiper-container .swiper-pagination:not(.swiper-pagination-progressbar) {
    padding: var(--swiper-pagination-padding, 0) 0 var(--swiper-pagination-padding, 0) 0;
}
.swiper-container.swiper-container-vertical .swiper-pagination:not(.swiper-pagination-progressbar) {
    padding: 0 var(--swiper-pagination-padding, 0) 0 var(--swiper-pagination-padding, 0);
}
.swiper-container .swiper-pagination.swiper-pagination-fraction {
    --swiper-pagination-fraction-color: var(--swiper-pagination-color, inherit);
    font-size: var(--swiper-pagination-size, var(--bs-body-font-size, 14px));
}

.swiper-container .swiper-scrollbar {
    --swiper-scrollbar-bg-color: rgba(var(--swiper-scrollbar-bg, 0, 0, 0), var(--swiper-scrollbar-bg-opacity, 0.1));
    --swiper-scrollbar-drag-bg-color: rgba(var(--swiper-scrollbar-drag-bg, 0, 0, 0), var(--swiper-scrollbar-drag-opacity, 0.5));
    margin: var(--swiper-scrollbar-padding, 0) 0 var(--swiper-scrollbar-padding, 0) 0;
}
.swiper-container.swiper-container-vertical .swiper-scrollbar {
    margin: 0 var(--swiper-scrollbar-padding, 0) 0 var(--swiper-scrollbar-padding, 0);
}
.swiper-scrollbar {
    &.swiper-scrollbar-horizontal,
    .swiper-horizontal > & {
        left: calc(var(--swiper-scrollbar-sides-offset, 1%) + (var(--swiper-navigation-padding, 0px) * var(--swiper-scrollbar-placement, 0)));
        width: calc(100% - (var(--swiper-scrollbar-sides-offset, 1%) + var(--swiper-navigation-padding, 0px) * var(--swiper-scrollbar-placement, 0)) * 2);
    }
}
.swiper-scrollbar {
    &.swiper-scrollbar-vertical, .swiper-vertical > & {
        height: calc(100% - (var(--swiper-scrollbar-sides-offset, 1%) + var(--swiper-navigation-padding, 0px) * var(--swiper-scrollbar-placement, 0)) * 2);
        top: calc(var(--swiper-scrollbar-sides-offset, 1%) + (var(--swiper-navigation-padding, 0px) * var(--swiper-scrollbar-placement, 0)));
    }
}

.swiper-pagination-progressbar {
    &.swiper-pagination-horizontal,
    &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
    .swiper-horizontal > &,
    .swiper-vertical > &.swiper-pagination-progressbar-opposite {
        left: calc(var(--swiper-navigation-padding, 0px) * var(--swiper-pagination-placement, 0));
        top: var(--swiper-pagination-top, auto);
        right: calc(var(--swiper-navigation-padding, 0px) * var(--swiper-pagination-placement, 0));
        bottom: var(--swiper-pagination-bottom, 0);
        width: calc(100% - (var(--swiper-navigation-padding, 0px) * 2));
    }
}
.swiper-pagination-progressbar {
    &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
    &.swiper-pagination-vertical,
    .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
    .swiper-vertical > & {
        height: calc(100% - (var(--swiper-navigation-padding, 0px) * 2));
        left: var(--swiper-pagination-top, auto);
        top: calc(var(--swiper-navigation-padding, 0px) * var(--swiper-pagination-placement, 0px));
        right: var(--swiper-pagination-bottom, 0);
        bottom: calc(var(--swiper-navigation-padding, 0px) * var(--swiper-pagination-placement, 0px));
    }
}
.swiper-slide-bg-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    max-width: none;
    z-index: 0;
    object-fit: cover;
    border-radius: inherit;
}