.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: .5s;
}
.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: .8s;
}

/* ─── Hero Section Responsive ─── */

/* Desktop: full viewport */
#section-hero .vertical-center {
  min-height: 100vh;
}

/* Tablet (≤991px): 75vh */
@media (max-width: 991px) {
  #section-hero .vertical-center {
    min-height: 75vh;
  }
  #section-hero .swiper,
  #section-hero .swiper-wrapper,
  #section-hero .swiper-slide {
    min-height: 75vh;
  }
  #section-hero .swiper-inner {
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* Mobile (≤575px): 60vh, focus image on subject */
@media (max-width: 575px) {
  #section-hero .vertical-center {
    min-height: 60vh;
  }
  #section-hero .swiper,
  #section-hero .swiper-wrapper,
  #section-hero .swiper-slide {
    min-height: 60vh;
  }
  #section-hero .swiper-inner {
    background-position: 60% center !important;
    background-size: cover !important;
  }

  /* Buttons stack vertically on small screens */
  #section-hero .btn-main {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  /* Hide bottom feature tags on very small screens */
  #section-hero .sm-hide {
    display: none !important;
  }
}

/* Small mobile (≤380px): even more compact */
@media (max-width: 380px) {
  #section-hero .vertical-center {
    min-height: 55vh;
  }
  #section-hero .swiper,
  #section-hero .swiper-wrapper,
  #section-hero .swiper-slide {
    min-height: 55vh;
  }
}