html {
  scroll-behavior: smooth;
}
 
 #loader.fade-out {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.6s ease, visibility 0.6s;
 }

 .scrollbar-hide::-webkit-scrollbar {
   display: none;
 }

 .scrollbar-hide {
   -ms-overflow-style: none;
   scrollbar-width: none;
 }

 /* Auto-scroll keyframes */
 #clientSlider {
   animation: scrollLoop 25s linear infinite;
 }

 @keyframes scrollLoop {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-50%);
   }
 }


 /* scroll animations  */

 [data-animate] {
   opacity: 0;
   transform: translateY(20px);
   transition: opacity 0.8s ease-out, transform 0.8s ease-out;
 }

 [data-animate].animate {
   opacity: 1;
   transform: translateY(0);
 }


 /* drop down  */

 .dropdown-menu,
 .sub-menu {
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.25s ease;
 }


 .group:hover>.dropdown-menu,
 .group:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }


 .dropdown-menu li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   transform: translateX(0);
 }


 .sub-menu {
   transform: translateX(10px);
   transition: all 0.25s ease;
 }


 /* sub service code  */

 @keyframes updown {
  0%, 100% {
    transform: rotate(45deg) translateY(0);
  }
  50% {
    transform: rotate(45deg) translateY(-5px);
  }
}

.animate-updown {
  animation: updown 1s ease-in-out infinite;
}