.text {
  margin-bottom: 150px;
}

.element0 {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
}

.element {
  transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
}

.element2 {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
  animation-delay: 0.2s;
}

.element3 {
  transform: translateY(70px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2.5s, opacity 1.5s, visibility 1.5s;
  animation-delay: 0.6s;
}

.element14 {
  transform: translateY(110px);
  opacity: 0;
  visibility: hidden;
  transition: transform 3.2s, opacity 1.5s, visibility 1.5s;
  animation-delay: 0.2s;
}

.element4 {
  transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
  animation-delay: 0.2s;
}
.element5 {
  transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
  animation-delay: 0.4s;
}
.element6 {
  transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
  animation-delay: 0.6s;
}
.element7 {
  transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
  animation-delay: 0.8s;
}
.element8 {
  transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
}
.element9 {
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
}
.element10 {
  transform: translateY(60px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
}
.element11 {
  transform: translateY(70px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
}
.element12 {
  transform: translateX(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
}
.element13 {
  transform: translateX(-30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 2s, opacity 2s, visibility 2s;
}

.flow ul li:nth-of-type(1),
.flow ul div:nth-of-type(1) {
    transition: transform 1.5s, opacity 2s, visibility 2s;
}

.flow ul li:nth-of-type(2),
.flow ul div:nth-of-type(2) {
    transition: transform 2.5s, opacity 2s, visibility 2s;
}

.flow ul li:nth-of-type(3),
.flow ul div:nth-of-type(3) {
    transition: transform 3.5s, opacity 2s, visibility 2s;
}

.flow ul li:nth-of-type(4),
.flow ul div:nth-of-type(4) {
    transition: transform 4s, opacity 2s, visibility 2s;
}



@media screen and (max-width: 767px) {
    .element2 {
      transform: translateX(30px);
      transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
    }
    .element14 {
      transform: translateX(30px);
      transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
    }
    
    .element3 {
      transform: translateX(-30px);
      transition: transform 1.5s, opacity 1.5s, visibility 1.5s;
    }
    .flow ul li:nth-of-type(1),
    .flow ul div:nth-of-type(1) {
        transition: transform 1.5s, opacity 2s, visibility 2s;
    }
    
    .flow ul li:nth-of-type(2),
    .flow ul div:nth-of-type(2) {
        transition: transform 1.5s, opacity 2s, visibility 2s;
    }
    
    .flow ul li:nth-of-type(3),
    .flow ul div:nth-of-type(3) {
        transition: transform 1.5s, opacity 2s, visibility 2s;
    }
    
    .flow ul li:nth-of-type(4),
    .flow ul div:nth-of-type(4) {
        transition: transform 1.5s, opacity 2s, visibility 2s;
    }
}


.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}