.swiper-pagination{
    --swiper-pagination-bullet-border-radius:10px;
    --swiper-pagination-bullet-inactive-color: var(--color);
    --swiper-pagination-color:var(--active-color);
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-bullet-height:6px;
    --swiper-pagination-bullet-inactive-opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet{
    transition: all 0.3s linear;
}

.swiper-pagination .swiper-pagination-bullet-active{
    --swiper-pagination-bullet-width: 30px;
}
@media(max-width:768px){
    .swiper-pagination{
        
    }
}