.shop-banner-main-slider {
    .swiper-slide {
        height: auto;
        background-size: cover;
        background-position: center;
        aspect-ratio: 160/48 !important;
    }

    .swiper-wrapper {
        width: 100%;
        max-width: 1600px;
        max-height: calc(100% - 28px);
    }

    .swiper-button-next {
        right: 0;
        width: auto;
        justify-content: right;
    }

    .swiper-button-prev {
        left: 0;
        width: auto;
        justify-content: left;
    }

    .swiper-button-next, .swiper-button-prev {
        background-color: #1e1e1e;
        padding: 5px 15px;
        transform: translate(0, -10px);
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px;
        font-weight: bold;
        color: #ece5df;
    }

    @media only screen and (max-width: 1100px) {
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 16px;
        }
        .swiper-button-next, .swiper-button-prev {
            padding: 5px 12px;
            height: 38px;
            transform: translate(0, -8px);
        }
    }

    @media only screen and (max-width: 768px) {
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 10px;
        }
        .swiper-button-next, .swiper-button-prev {
            padding: 5px 6px;
            height: 24px;
            transform: translate(0, -4px);
        }
        .swiper-slide {
            height: auto;
            background-size: cover;
            background-position: center;
            /* aspect-ratio: 160/60 !important; */
        }
    }
}