.swiper-pagination{
    --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;
    background-color: var(--swiper-pagination-background-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    width: auto !important;
    bottom: 10%;
    height: 10px;
}
.swiper-pagination .swiper-pagination-bullet{
    transition: all 0.3s linear;
    background-color: #FFFFFF;
}

.swiper-pagination .swiper-pagination-bullet-active{
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height:10px;
    background-color: #302938;
}
@media(max-width:959px){
    .swiper-pagination{
        
    }
}