.swiper-container {
    width: 100%;
    border: 1px solid var(--base-color);
    border-radius: 10px;
    outline: none;
    overflow: hidden;
}

.swiper-slide {
    background-color: #fcfcfc;
    background-size: cover;
    background-position: center;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #fcfcfc;
    font-size: 24px;
    border: 1px solid var(--base-color);
    border-radius: 10px;
    outline: none;
    overflow: hidden;
}




    .swiper-slide .slide-transform {
        transform-origin: 50% 50%;
    }

/*    .swiper-slide:hover .swiper-slide-cover {
        transition-timing-function: linear;
        transition-duration: 20s;
        transform: scale(1.1);
    }
.swiper-scale-effect .swiper-slide-cover {
    transition-timing-function: linear;
    transition-duration: 20s;
    transform: scale(1);
}*/

.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
    transition-timing-function: linear;
    transition-duration: 20s;
    transform: scale(1.1);
}

:root {
    --swiper-pagination-bottom: 40px;
    --swiper-theme-color: rgba(252, 252, 252, 0.85) !important;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #FCFCFC;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #262626;
}

.swiper-button-prev,
.swiper-button-next {
    background: transparent;
    opacity: 0.55;
    --swiper-navigation-color: rgba(252, 252, 252, 0.85);
    transition: opacity 0.3s ease, color 0.3s ease;
}

    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        background: transparent;
        opacity: 0.85;
        --swiper-navigation-color: #fcfcfc;
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;
    box-shadow: inset 1px 1px 1px rgba(38, 38, 38, 0.85);
    background: var(--swiper-pagination-bullet-inactive-color, rgba(252, 252, 252, 0.85)) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.55) !important;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.swiper-pagination-bullet-active {
    box-shadow: inset 1px 1px 1px rgba(38, 38, 38, 0.85);
    background: var(--swiper-pagination-bullet-active-color, rgba(252, 252, 252, 0.85)) !important;
    opacity: var(--swiper-pagination-bullet-active-opacity, 0.85) !important;
    --swiper-pagination-bullet-horizontal-gap: 10px;
}