.hero-swiper .swiper-inner.hero-slide-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hero-swiper .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.55;
}

.hero-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

.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;
}