/*Animation for Crypto Mining and Daily Rewards*/
@keyframes glow {
  0% {
    filter: none;
    /* Start with no glow */
    /*   transform: translate(1.7px, 0);  No vibration */
  }

  50% {
    filter: drop-shadow(0 0 10px #ffd90078) drop-shadow(0 0 20px #ffdb4d78) drop-shadow(0 0 30px #ffcc006d);
    /* Fully visible glow */
    /* transform: translate(0, 0);  No vibration */
  }

  70% {
    filter: drop-shadow(0 0 10px #ffd9006a) drop-shadow(0 0 20px #ffdb4d6a) drop-shadow(0 0 30px #ffcc006a);
    /* Hold the glow for a moment */
    /*transform: translate(-1.7px, 1.7px);  Vibrate 5px left and bottom */
  }

  100% {
    filter: none;
    /* Completely disappear */
    /* transform: translate(0, 0);  No vibration */
  }
}

.animate-glow {
  animation: glow 5s infinite ease-in-out;
  /* Total animation duration */
}

/* Animation for Own the future now */
/* @keyframes vibrate {
    0%,
    100% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(1.2px, 1.2px);
    }
  }

  .vibrate {
    animation: vibrate 2s infinite;
  } */

/* Animation for egety coin*/
@keyframes rotateYAnimation {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }

  50% {
    transform: perspective(1000px) rotateY(60deg);
  }

  100% {
    transform: perspective(1000px) rotateY(0deg);
  }
}

.animate-rotateY {
  animation: rotateYAnimation 6s ease-in-out infinite;
}

@keyframes smoothLoop {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-100vw);
  }

  45% {
    transform: translateX(-100vw);
  }

  50% {
    transform: translateX(-200vw);
  }

  70% {
    transform: translateX(-200vw);
  }

  75% {
    transform: translateX(-300vw);
  }

  95% {
    transform: translateX(-300vw);
  }

  100% {
    transform: translateX(-400vw);
  }
}

.animate-smooth-loopDesktop {
  animation: smoothLoop 32s ease-in-out infinite;
}


/* For Mobile View */

/* Animation To Slide Images */

@keyframes smoothLoop {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-100vw);
  }

  45% {
    transform: translateX(-100vw);
  }

  50% {
    transform: translateX(-200vw);
  }

  70% {
    transform: translateX(-200vw);
  }

  75% {
    transform: translateX(-300vw);
  }

  95% {
    transform: translateX(-300vw);
  }

  100% {
    transform: translateX(-400vw);
  }
}

.animate-smooth-loop {
  animation: smoothLoop 32s ease-in-out infinite;
}