.swiper-container,
.swiper-container-ul {
    display: block;
    height: auto;
    width: 100%;
    position: relative;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
    top: 50%;
    width: 60px;
    height: 60px;
}

.swiper-container-ul .swiper-button-next-ul,
.swiper-container-ul .swiper-button-prev-ul {
    top: 60%;
    width: 70px;
    height: 70px;
}

.swiper-button-prev,
.swiper-button-prev-ul {
    margin-left: -100px;
}

.swiper-button-next,
.swiper-button-next-ul {
    margin-right: -100px;
}

.swiper-container .swiper-slide-prev {
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

.swiper-slide-hide {
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

.swiper-container .swiper-slide {
    display: flex;
    opacity: 1;
    justify-content: center;
    align-items: center;

}

.swiper-container-ul .swiper-slide {
    opacity: 1;
    justify-content: center;
    align-items: center;
    height: 27vw;
}



.swiper-button-next::after,
.swiper-button-prev::after {
    font-family: none !important;
    content: initial;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next-ul,
.swiper-button-prev-ul {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next-ul {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-prev-ul {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
@media screen and (max-width:1024px) {
    .swiper-container-ul .swiper-slide {
        height: 35vw;
    }

    .swiper-container-ul .swiper-button-next-ul,
    .swiper-container-ul .swiper-button-prev-ul {
        top: 55%;
    }
}

@media screen and (max-width: 768px) {
    .swiper-container-ul .swiper-button-next-ul,
    .swiper-container-ul .swiper-button-prev-ul {
        top: 50%;
    }
    .swiper-container .swiper-button-next,
    .swiper-container .swiper-button-prev {
        width: calc(2px + 9vw);
        height: calc(2px + 9vw);
    }

    .swiper-container-ul .swiper-button-next-ul,
    .swiper-container-ul .swiper-button-prev-ul {
        width: calc(2px + 9vw);
        height: calc(2px + 9vw);
    }

    .swiper-button-prev,
    .swiper-button-prev-ul {
        margin-left: -13vw;
    }

    .swiper-button-next,
    .swiper-button-next-ul {
        margin-right: -13vw;
    }

    .swiper-container-ul .swiper-slide {
        height: 40vw;
    }
}

@media screen and (max-width: 480px){
    .swiper-container-ul .swiper-slide {
        height: auto;
    }
    .swiper-container-ul h4{
        font-size: 5vw;
        line-height: 7vw;
    }
}