/*---------------------------------------------------------------------
  Keyframes Animation
----------------------------------------------------------------------*/


@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

 @keyframes loader-parent {
   0%, 35%, 100% {
     color: rgba(0, 0, 0, .2);
  }
   60%, 80% {
     color: var(--themeht-primary-color);
  }
}
 @keyframes loader-child {
   0% {
     opacity: 1;
  }
   25%, 100% {
     opacity: 0;
  }
}

@keyframes rotate {
  100% { transform: rotate(1turn); }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translatex(-100%); }
}
@keyframes marquee-2 {
  0% { transform: translateX(-100%); }
  100% { transform: translatex(0); }
}


@-webkit-keyframes smoothScroll {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes smoothScroll {
            0% {
               opacity: 0;
               transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }