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

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
.hue{
    color: #0063a9;
    background-image: -webkit-linear-gradient(92deg,#06a6e3,#0063a9);
    animation: hue 60s infinite linear;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
.bg--hue{
    background-image: linear-gradient(135deg,#06a6e3,#0063a9,#06a6e3) !important;
    background-image: -webkit-linear-gradient(135deg,#06a6e3,#0063a9,#06a6e3) !important;
    background-size: 300% 100% !important;
    animation: hue 60s infinite linear;
    -webkit-animation: hue 60s infinite linear;
    color: #fff;
    transition: background-position .4s ease-in-out;
}
.bg--hue:hover{
    background-position: 100% 0 !important;
    transition: background-position .4s ease-in-out;
}
@keyframes showElement{
    from {
    opacity: 0;
  }
     to {
    opacity: 1;
  }
}
@media (max-width: 991px) {
.hue{
    color: #0063a9;
    background-image: -webkit-linear-gradient(92deg,#06a6e3,#0063a9);
    animation: none;
}
.bg--hue{
    animation: none;
    -webkit-animation: none;
}
}