.pagination.swiper-pagination {
    text-align: right;
    line-height: 40px;
}
.pagination.swiper-pagination-center {
    text-align: center;
    bottom: -5px;
    position: relative;
  }

.pagination.swiper-pagination .swiper-pagination-bullet {
    border-radius: var(--border-radius);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: rgba(255, 255, 255, 0.7);
    margin: 5px !important;
}

.pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(194, 6, 69);
    background: -moz-linear-gradient(45deg, rgba(194, 6, 69, 1) 0%, rgba(253, 175, 36, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(194, 6, 69, 1) 0%, rgba(253, 175, 36, 1) 100%);
    background: linear-gradient(45deg, rgba(194, 6, 69, 1) 0%, rgba(253, 175, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c20645", endColorstr="#fdaf24", GradientType=1);
}

.swiper-pagination-horizontal{
    padding-right: 20px;
}


.swiper-pagination-horizontal .swiper-pagination-bullet {
    width: 10px;
    height:10px;
}

.swiper-pagination-horizontal .swiper-pagination-bullet-active {
    width: 70px !important;
}

.swiper-pagination-vertical .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px;
}

.swiper-pagination-vertical .swiper-pagination-bullet-active {
    height: 70px !important;
}