.swiper-container {
    /*position: relative;*/
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 100px;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
    top: auto !important;
    width: 70px;
    height: 70px;
}

.swiper-container-ul .swiper-button-next-ul,
.swiper-container-ul .swiper-button-prev-ul {
    top: auto !important;
    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-wrapper {
    width: 100%;
}

.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 {
    display: flex;
    opacity: 1;
    justify-content: center;
    align-items: center;
}



.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 {
    height: auto;
    margin-top: 50px;
    margin-bottom: 150px;
 }
}
@media screen and (max-width: 768px){

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

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

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