.swiper {
    width: 100%;
    height: 100%;
    padding: 20px 0;
}
.swiper-slide {
    height: auto;
}
.swiper-button-prev,
.swiper-button-next {
    color: #333;
    background: rgb(229 9 127);
    width: 50px;
    height: 50px;
    top: calc(100% + 10px);
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgb(137 137 137 / 20%);
}
.swiper-button-prev{
    left: calc(0% + 10px);
}
.swiper-button-next{
    left: calc(0% + 70px);
}
.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 25px;
    color: #fff;
    font-weight: 500;
}
.swiper-pagination-bullet {
    background: #333;
    opacity: 0.5;
}
.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1;
}
.swiper-scrollbar {
    background: rgba(0,0,0,0.1);
}
.swiper-scrollbar-drag {
    background: rgba(0,0,0,0.3);
}
@media (max-width: 1199px) {
    .swiper-button-prev{
        left: calc(0% + 20px);
    }
    .swiper-button-next{
        left: calc(0% + 90px);
    }
}