.swiper-block {
    width: var(--main-container-width);
    margin: 20px auto;
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
    overflow:hidden;

}
.swiper-slide {
    -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
    overflow:hidden;

}

.swiper-slide img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    display:block;
    aspect-ratio: 1200/280;
}

.swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    transition: all .3s ease-in-out;
}
.swiper-pagination-bullet-active {
    width: 16px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: #fff !important;
}

.swiper-button-prev, .swiper-button-next {
    background-color: #fff !important;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    opacity: .8 !important;
    transition: all .3s ease-in-out;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    width: 20px !important;
    height: 20px !important;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    opacity: 1 !important;
}



.swiper-button-prev svg, .swiper-button-next svg {
    width: 10px !important;
    height: 10px !important;
    color: #fff;
}
.swiper-nav {
    position:absolute;
    display:flex;
    bottom: 5px;
    left: 2%;
    z-index: 500;
    gap: 15px;
    max-width: 60px;
    width: 100%;
}