.header-wrapper .logo h4 span{
   
      position: relative;
      text-transform: uppercase;
      font-size: 30px;
      font-weight: 900;
      letter-spacing: 2px;
      overflow: hidden;
      background: linear-gradient(180deg, #29339B, #23d5ab, #29339B);
      background-repeat: no-repeat;
      background-size: 100% 200%;
      animation: animate 6s linear infinite;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
 
    
    @keyframes animate {
      0% {
        background-position: 0% 0%;
        opacity: 1;
      }
      50% {
        background-position: 0% 100%;
        opacity: 1;
      }
      100% {
        background-position: 0% 0%;
        opacity: 1;
      }
    }

  

/* Animate Background Image */

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}