.swiper {
    width: 100%;
    height: auto;
    
}

.swiper-slide {
    transition: all 0.225s ease-in-out;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-bullet {
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 12px;
    color: #000;
    background: rgba(0, 0, 0, 0.4);
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.swiper-slide.swiper-slide-active {
    scale: 1;
    opacity: 1;
}

.swiper-slide.swiper-slide-prev, .swiper-slide.swiper-slide-next {
    scale: 0.8;
    opacity: 0.5;
}

/* CUSTOM */
#breakpoint_fix .swiper-pagination {
    top: 0 !important;
    height: fit-content !important;
}

.mySwiper .swiper-pagination {
    display: none;
}

#breakpoint_fix .swiper-pagination-bullet {
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 12px;
    color: #000000;
    background: #FFFFFF;
}

#breakpoint_fix .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

/* >=768px */
@media (width >=48em) {
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
}