:root {  
    --sx-slides-per-view: 3;
    --sx-slide-spacing: 32px;
}


/* Slider */
#wrapper .swiper {width:100%; position:relative}
#wrapper .swiper .swiper-wrapper .swiper-slide {width: calc((100% - (var(--sx-slides-per-view) - 1) * var(--sx-slide-spacing)) / var(--sx-slides-per-view)); margin-right: var(--sx-slide-spacing);}
#wrapper .swiper .swiper-wrapper .swiper-slide:last-child {margin-right:0;}
#wrapper .swiper .swiper-wrapper .swiper-slide,
#wrapper .swiper .swiper-wrapper .swiper-slide * {-webkit-user-drag:none!important; user-drag:none!important; -webkit-user-select:none!important; user-select:none!important;}

#wrapper .swiper.right-to-left .swiper-wrapper {flex-direction:row-reverse;}
#wrapper .swiper.right-to-left .swiper-wrapper .swiper-slide:last-child {margin-right:32px;}
#wrapper .swiper.right-to-left .swiper-wrapper .swiper-slide:first-child {margin-right:0;}

.swiper-pagination {position: relative;display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 20px;width: 100%;}
.swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 50%;background-color: #c4c4c4;opacity: 1;cursor: pointer;transition: background-color 0.2s ease, transform 0.2s ease;}
.swiper-pagination .swiper-pagination-bullet:hover {background-color: #9a9a9a;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: #000000;}