.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    padding: 20px;
    margin: 0 8px;
    cursor: pointer;
    background-clip: content-box
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

@media (max-width:480px) {
    .swiper-pagination-bullet {
        padding: 18px;
        margin: 0 6px
    }
}

@media (max-width:360px) {
    .swiper-pagination-bullet {
        padding: 12px;
        margin: 0 4px
    }
}