.banners_slider_wrapper {
    position: relative;
    margin-top: 10px;
}

.banners_slider_wrapper .slide-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
}

.banners_slider .swiper-slide {
    display: block;
    text-decoration: none;
    outline: none;
    background: var(--grey-extra-light);
}

.banner-full-image {
    width: 100%;
    max-height: 520px;
    aspect-ratio: 1420 / 520;
    position: relative;
}

.banner-full-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.swiper-button-prev.banners_slider_prev { 
    left: -70px !important; 
    color: black; 
}
.swiper-button-next.banners_slider_next { 
    right: -70px !important; 
    color: black; 
}
.swiper-button-prev.banners_slider_prev, 
.swiper-button-next.banners_slider_next { 
    width: 57px; 
    height: 57px; 
}

.swiper-button-prev.banners_slider_prev svg, 
.swiper-button-next.banners_slider_next svg { 
    transition: transform 0.3s ease; 
    color: var(--red); 
}

.swiper-button-prev.banners_slider_prev:hover svg, 
.swiper-button-next.banners_slider_next:hover svg { 
    transform: scale(1.1); 
    color: var(--red); 
}

.swiper-pagination-4 {
    padding-top: 20px;
    margin: auto;
    text-align: center;
}

.swiper-button-prev.banners_slider_prev,
.swiper-button-next.banners_slider_next {
    display: none !important; 
}
.swiper-pagination-4 {
    display: block; 
}

@media (max-width: 1560px) and (min-width: 1200px) {
    .swiper-button-prev.banners_slider_prev { left: 10px !important; }
    .swiper-button-next.banners_slider_next { right: 10px !important; }
}

@media (min-width: 1200px) {
    .swiper-button-prev.banners_slider_prev,
    .swiper-button-next.banners_slider_next {
        display: flex !important; 
    }
    .swiper-pagination-4 {
        display: none !important; 
    }
}

@media (max-width: 768px) {
    .banners_slider_wrapper { 
        display: none; 
    }
}