.custom-gradient-bg {
  background: linear-gradient(135deg, #e0f2ff 0%, #e8fdf0 100%);
}
.dark .custom-gradient-bg {
  background: linear-gradient(135deg, #0a192f 0%, #102218 100%);
}
.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}
.hero-progress-bar {
  height: 4px;
  background-color: #13ec6d;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
}
.pause-on-hover:hover .animate-scroll-left,
.pause-on-hover:hover .animate-scroll-thumbnails,
.pause-on-hover:hover .animate-scroll-logos {
  animation-play-state: paused;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.animate-scroll-logos {
  animation: scroll-logos 40s linear infinite;
}

.pause-on-hover:hover .animate-scroll-logos {
  animation-play-state: paused;
}

@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}