.titleText {
  display: flex;
  overflow: hidden;
}

.title-vision span {
  animation-name: fadeInAnime;
  animation-fill-mode:backwards;
  animation-duration: 0.3s;
  animation-iteration-count:1;
  animation-timing-function:ease;
  animation-delay: 0s;
  animation-direction:normal;
  display: block;
  transition: transform cubic-bezier(.79,.77,.61,1.02) 0.7s;
  will-change: transform;
  transform: matrix3d(0.17,0,0.98,0,0.00,1,0.00,0,-0.98,0,0.17,0,40,0,0,1);
  -webkit-transform: matrix3d(0.17,0,0.98,0,0.00,1,0.00,0,-0.98,0,0.17,0,40,0,0,1);
}

.title-service span {
  animation-name: fadeInAnime;
  animation-fill-mode:backwards;
  animation-duration: 0.35s;
  animation-iteration-count:1;
  animation-timing-function:ease;
  animation-delay: 0s;
  animation-direction:normal;
  display: block;
  transition: transform cubic-bezier(.79,.77,.61,1.02) 0.7s;
  will-change: transform;
  transform: matrix3d(0.17,0,0.98,0,0.00,1,0.00,0,-0.98,0,0.17,0,40,0,0,1);
  -webkit-transform: matrix3d(0.17,0,0.98,0,0.00,1,0.00,0,-0.98,0,0.17,0,40,0,0,1);
}

.title-client span {
  animation-name: fadeInAnime;
  animation-fill-mode:backwards;
  animation-duration: 0.35s;
  animation-iteration-count:1;
  animation-timing-function:ease;
  animation-delay: 0s;
  animation-direction:normal;
  display: block;
  transition: transform cubic-bezier(.79,.77,.61,1.02) 0.7s;
  will-change: transform;
  transform: matrix3d(0.17,0,0.98,0,0.00,1,0.00,0,-0.98,0,0.17,0,40,0,0,1);
  -webkit-transform: matrix3d(0.17,0,0.98,0,0.00,1,0.00,0,-0.98,0,0.17,0,40,0,0,1);
}

.title-vision.-visible span, .title-service.-visible span, .title-client.-visible span {
  transform: translate(0, 0);
}

.title-vision span:nth-child(2) {
  transition-delay: 0.1s;
}
.title-vision span:nth-child(3) {
  transition-delay: 0.15s;
}
.title-vision span:nth-child(4) {
  transition-delay: 0.2s;
}
.title-vision span:nth-child(5) {
  transition-delay: 0.25s;
}
.title-vision span:nth-child(6) {
  transition-delay: 0.3s;
}

/*service*/
.title-service span:nth-child(2) {
  transition-delay: 0.1s;
}
.title-service span:nth-child(3) {
  transition-delay: 0.15s;
}
.title-service span:nth-child(4) {
  transition-delay: 0.2s;
}
.title-service span:nth-child(5) {
  transition-delay: 0.25s;
}
.title-service span:nth-child(6) {
  transition-delay: 0.3s;
}
.title-service span:nth-child(7) {
  transition-delay: 0.35s;
}


/*client*/
.title-client span:nth-child(2) {
  transition-delay: 0.1s;
}
.title-client span:nth-child(3) {
  transition-delay: 0.15s;
}
.title-client span:nth-child(4) {
  transition-delay: 0.2s;
}
.title-client span:nth-child(5) {
  transition-delay: 0.25s;
}
.title-client span:nth-child(6) {
  transition-delay: 0.3s;
}
.title-service span:nth-child(7) {
  transition-delay: 0.35s;
}

@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

.titleAnimation--none {
  opacity: 0;
}