/* Hide scrollbar for Chrome, Safari and Opera */
.overflow-x-hidden::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overflow-x-hidden {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#crypto-slider::-webkit-scrollbar {
  display: none;
}
#crypto-slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Crypto Marquee Animation */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 30s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

/* Footer Waves Animation */
@keyframes wave1 {
  0% { transform: translateX(-1115px); }
  100% { transform: translateX(0px); }
}

@keyframes wave2 {
  0% { transform: translateX(0px); }
  100% { transform: translateX(-1600px); }
}

@keyframes wave3 {
  0% { transform: translateX(0px); }
  100% { transform: translateX(-1822px); }
}

.wave1 { animation: wave1 14s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; }
.wave2 { animation: wave2 16s linear infinite; }
.wave3 { animation: wave3 19s linear infinite; }

/* Custom Checkmark for Mobile App Section */
.payeer-list-item {
  position: relative;
}

.payeer-list-item::before {
  content: '\2713'; /* Checkmark */
  position: absolute;
  left: -38px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-color: #24c10c;
  border-radius: 50%;
  color: white;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}