.swiper-pagination {
    bottom: -70px !important;

    & .swiper-pagination-bullet {
        background: #C1C3C6 !important;
        opacity: 1 !important;
        margin: 0 10px !important;
    }

    & .swiper-pagination-bullet-active {
        background: $primary !important;
        position: relative;

        &:before {
            position: absolute;
            content: '';
            width: 26px;
            height: 26px;
            background: transparent;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 100%;
            border: 1px solid $primary;
        }
    }
}