html {
  overflow: hidden;
  height: 100vh;
  font-size: 16px;
}

body {
  min-width: 1200px;
  height: 100%;
}

.my-swiper {
  height: 100vh;
  width: 100vw;
}

.section-box {
  position: relative;
  height: 100%;
  width: 100%;
}

.swiper-slide-active .section-box .content-box h2,
.swiper-slide-active .section-box .content-box h3,
.swiper-slide-active .section-box .content-box .desc-box {
  animation: fade-in-up;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.swiper-slide-active .section-box.section-1 .content-box h2,
.swiper-slide-active .section-box.section-1 .content-box h3,
.swiper-slide-active .section-box.section-1 .content-box .desc-box {
  animation: none;
}

.swiper-slide-active .section-box.section-4 .content-box .desc-box {
  animation-delay: 0s;
}