.anim-order-1, .anim-order-2{
    opacity: 0;
}


.swiper-slide.swiper-slide-active .swiper-inner,
.swiper-slide.swiper-slide-duplicate-active .swiper-inner{
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-delay: 0s;
}

.swiper-slide.swiper-slide-active .anim-order-1,
.swiper-slide.swiper-slide-duplicate-active .anim-order-1{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: 1s;
}
.swiper-slide.swiper-slide-active .anim-order-2,
.swiper-slide.swiper-slide-duplicate-active .anim-order-2{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: 1.3s;
}
.swiper-slide.swiper-slide-active .anim-order-3,
.swiper-slide.swiper-slide-duplicate-active .anim-order-3{
    animation-name: fadeInUp;
    animation-duration: .75s;
    animation-delay: 1.6s;
}

html[dir="rtl"] .swiper,
html[dir="rtl"] .swiper-wrapper{
    direction:ltr;
}

html,
body{
    overflow-x:hidden;
}

html[dir="rtl"] .swiper,
html[dir="rtl"] .swiper-wrapper{
    direction:ltr;
}

.swiper,
.swiper-wrapper,
.swiper-slide{
    height:100%;
}

.swiper-slide{
    overflow:hidden;
}