@keyframes translate3D {
  0% {
    transform: translate3d(0px, 100.3435%, 0px) rotate(10.5041deg);
  }
  100% {
    transform: translate3d(0px, 0, 0px) rotate(0deg);
  }
}
.animate__translate3D {
  animation-name: translate3D;
}
@keyframes translateChar3D {
  0% {
    transform: translate3d(0px, 100.3435%, 0px) rotate(30.5041deg);
  }
  100% {
    transform: translate3d(0px, 0, 0px) rotate(0deg);
  }
}
.animate__translateChar3D {
  animation-name: translateChar3D;
}

h2.splitting, h3.splitting, h4.splitting {
  position: relative;
  text-decoration: none;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
}

h2.splitting span, h3.splitting span, h4.splitting span {
  display: inline-block;
  white-space: pre;
}

h2, h3, h4 {
  opacity: 0;
}

section[data-scroll=out] h2.splitting .word .char, div[data-scroll=out] h2.splitting .word .char, section[data-scroll=out] h3.splitting .word .char, div[data-scroll=out] h3.splitting .word .char, section[data-scroll=out] h4.splitting .word .char, div[data-scroll=out] h4.splitting .word .char {
  opacity: 0;
}

.detail-section h2[data-scroll=out].splitting .word .char, .detail-section h3[data-scroll=out].splitting .word .char, .detail-section h4[data-scroll=out].splitting .word .char {
  opacity: 0;
}

section h2.splitting .word .char, div h2.splitting .word .char, section h3.splitting .word .char, div h3.splitting .word .char, section h4.splitting .word .char, div h4.splitting .word .char {
  opacity: 0;
}

h2[data-scroll=in], h3[data-scroll=in], h4[data-scroll=in] {
  opacity: 1;
}

h2.splitting .word, h3.splitting .word, h4.splitting .word {
  overflow: hidden;
}

.detail-section h2[data-scroll=in].splitting .word .char, .detail-section h3[data-scroll=in].splitting .word .char, .detail-section h4[data-scroll=in].splitting .word .char {
  opacity: 1 !important;
  transition: unset !important;
  animation: translateChar3D 0.2s cubic-bezier(0.75, 0, 0.25, 1) both !important;
  animation-duration: 0.5s;
}

.detail-section h2[data-scroll=in].splitting .word, .detail-section h3[data-scroll=in].splitting .word, .detail-section h4[data-scroll=in].splitting .word {
  opacity: 1;
  animation-name: translate3D;
  animation-duration: 1.5s;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
}

section[data-scroll=in] h2.splitting .word .char, div[data-scroll=in] h2.splitting .word .char, section[data-scroll=in] h3.splitting .word .char, div[data-scroll=in] h3.splitting .word .char, section[data-scroll=in] h4.splitting .word .char, div[data-scroll=in] h4.splitting .word .char {
  opacity: 1;
  animation: translateChar3D 0.2s cubic-bezier(0.75, 0, 0.25, 1) both !important;
  animation-duration: 0.5s;
}

.detail-section h2[data-scroll=in].splitting .word .char, .detail-section h3[data-scroll=in].splitting .word .char, .detail-section h4[data-scroll=in].splitting .word .char {
  opacity: 1;
  animation: translateChar3D 0.2s cubic-bezier(0.75, 0, 0.25, 1) both !important;
  animation-duration: 0.5s;
}

section[data-scroll=in], div[data-scroll=in] {
  opacity: 1;
}

section[data-scroll=in] .word, div[data-scroll=in] .word {
  opacity: 1;
  animation-name: translate3D;
  animation-duration: 1.5s;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
}

section[data-scroll=in] .char, div[data-scroll=in] .char {
  opacity: 1;
  animation: translateChar3D 0.2s cubic-bezier(0.75, 0, 0.25, 1) both !important;
  animation-duration: 0.5s;
}

.mcb-my-swiper .slider-head-bx {
  opacity: 0;
  visibility: hidden;
}/*# sourceMappingURL=animation.css.map */