.digr_gradient_text {
  --animation-transition: 25000ms;
}

.digr_gradient_text_container h1,
.digr_gradient_text_container h2,
.digr_gradient_text_container h3,
.digr_gradient_text_container h4,
.digr_gradient_text_container h5,
.digr_gradient_text_container h6 {
  padding: 0;
}

/* .digr_gradient_text_container, */
.digr_gradient_text_container .digr_gradient_title,
.digr_gradient_text_container .suffix_bg_color,
.digr_gradient_text_container .prefix_bg_color,
.digr_gradient_text_container .infix_bg_color,
.digr_gradient_text_container .prefix,
.digr_gradient_text_container .suffix,
.digr_gradient_text_container .infix {
  border-style: solid;
}

.digr_gradient_text_container .prefix,
.digr_gradient_text_container .prefix span,
.digr_gradient_text_container .infix,
.digr_gradient_text_container .infix span,
.digr_gradient_text_container .suffix,
.digr_gradient_text_container .suffix span {
  display: inline-flex;
}


.digr_gradient_text_container .prefix,
.digr_gradient_text_container .suffix,
.digr_gradient_text_container .infix {
  line-height: 1em;
}

.digr_gradient_title span:nth-of-type(2) {
  margin: 0px 20px;
}


.digr_gradient_text_container .digr_background_clip,
.digr_gradient_text_container .digr_gradient_text__header {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color: transparent;
}

.digrHue .digrgt_animation {
  background-size: cover;
  -webkit-animation: digrHue var(--animation-transition) infinite linear;
  animation: digrHue var(--animation-transition) infinite linear;
}

.digrMove .digrgt_animation {
  background-size: 200%;
  -webkit-animation: digrMove var(--animation-transition) ease infinite;
  animation: digrMove var(--animation-transition) ease infinite;
}

.digrShine .digrgt_animation {
  background-size: 50% 75%;
  -webkit-animation: digrShine var(--animation-transition) linear infinite;
  animation: digrShine var(--animation-transition) linear infinite;
}

.digrLoop .digrgt_animation {
  background-size: 200%;
  -webkit-animation: digrLoop var(--animation-transition) ease-in-out infinite;
  animation: digrLoop var(--animation-transition) ease-in-out infinite;
}

.gradientMove .digrgt_animation {
  background-size: 200%;
  -webkit-animation: gradientMove var(--animation-transition) linear infinite;
  animation: gradientMove var(--animation-transition) linear infinite;
}

.trippyText .digrgt_animation {
  -webkit-animation: trippyText var(--animation-transition) ease-in-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  animation: trippyText var(--animation-transition) ease-in-out infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background-size: 200%;
  text-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
}

@keyframes digrHue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

@keyframes digrShine {
  to {
    background-position: 300%;
  }
}

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

@keyframes digrLoop {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradientMove {
  from {
    background-position: 0% center;
  }

  to {
    background-position: -200% center;
  }
}

@keyframes trippyText {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }

}


/*====Vertical animation====*/
.verti_digrHue .digrgt_animation {
  background-size: cover;
  -webkit-animation: verti_digrHue var(--animation-transition) infinite linear;
  animation: verti_digrHue var(--animation-transition) infinite linear;
}

.verti_digrMove .digrgt_animation {
  background-size: 200%;
  -webkit-animation: verti_digrMove var(--animation-transition) ease infinite;
  animation: verti_digrMove var(--animation-transition) ease infinite;
}

.verti_digrShine .digrgt_animation {
  background-size: 50% 75%;
  -webkit-animation: verti_digrShine var(--animation-transition) linear infinite;
  animation: verti_digrShine var(--animation-transition) linear infinite;
}

.verti_digrLoop .digrgt_animation {
  background-size: 200%;
  -webkit-animation: verti_digrLoop var(--animation-transition) ease-in-out infinite;
  animation: verti_digrLoop var(--animation-transition) ease-in-out infinite;
}

.verti_gradientMove .digrgt_animation {
  background-size: 200%;
  -webkit-animation: verti_gradientMove var(--animation-transition) linear infinite;
  animation: verti_gradientMove var(--animation-transition) linear infinite;
}

.verti_trippyText .digrgt_animation {
  -webkit-animation: verti_trippyText var(--animation-transition) ease-in-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  animation: verti_trippyText var(--animation-transition) ease-in-out infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background-size: 200%;
  text-shadow: 10px 10px 8px rgba(0, 0, 0, 0.15);
}

@keyframes verti_digrHue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

@keyframes verti_digrShine {
  to {
    background-position: 100% 300%;
  }
}

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

@keyframes verti_digrLoop {
  0% {
    background-position: 50% 0%;
  }

  50% {
    background-position: 50% 100%;
  }

  100% {
    background-position: 50% 0%;
  }
}

@keyframes verti_gradientMove {
  from {
    background-position: center 0%;
  }

  to {
    background-position: center 200%;
  }
}

@keyframes verti_trippyText {
  0% {
    background-position: 50% 0%;
  }

  50% {
    background-position: 50% 100%;
  }

  100% {
    background-position: 50% 0%;
  }
}