.gradient-text-bg {
  background: linear-gradient(
    270deg,
    rgba(255, 119, 215, 0.3) 0%,
    rgba(250, 108, 18, 0.3) 100%
  );
  padding-left: 5px;
  padding-right: 5px;
}
.gradient-text-bg-in-black {
  background: linear-gradient(
    90deg,
    rgba(189, 243, 41, 0.5) 0%,
    rgba(207, 207, 207, 0.5) 100%
  );
  padding-left: 5px;
  padding-right: 5px;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#cards-loop.dragging {
  cursor: grabbing;
}

.animationLoopContainer {
  display: flex;
  gap: 24px;
  animation: scroll-animation-loop 15s linear infinite;
  width: fit-content;
}

.animationLoopContainer:hover {
  animation-play-state: paused;
}

@keyframes scroll-animation-loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1800px);
  }
}