.animate-charcter
{
   
  background-image: linear-gradient(
    -225deg,
    #231557 20%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 4s linear infinite;margin: 0 0 0 -120px;
      
}


.animate-charcter2 {
    background-image: linear-gradient( -160deg, #09fd9e 20%, #61ff68 29%, #0cb014 67%, #61ff68 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    margin: 0 0 0 0px;
}





.animate-charcter3 {
   background-image: linear-gradient( -160deg, #29a2fe 20%, #05f4e0 29%, #5570fd 67%, #05f4e0 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    /* margin: 40px 0 0 67px; */
    /* line-height: 143px; */
}


.animate-charcter3-apply {
   background-image: linear-gradient( -160deg, #df00c6 20%, #f30ed9 29%, #01478d 67%, #05f4e0 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    /* margin: 40px 0 0 67px; */
    /* line-height: 143px; */
}


.animate-charcter4 {
    background-image: linear-gradient( -160deg, #29a2fe 20%, #05f4e0 29%, #5570fd 67%, #05f4e0 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    margin: 40px 0 0 67px;
    line-height: 143px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}