/* Additional animations for new service icons */

@keyframes pulse-circle {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

.icon-game rect,
.icon-game circle {
  animation: pulse-circle 3s ease-in-out infinite;
  transform-origin: center;
}

@keyframes slide-rect {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
}

.icon-app rect:nth-child(2) {
  animation: slide-rect 4s ease-in-out infinite;
  transform-origin: center;
}

.icon-app circle {
  animation: pulse-circle 4s ease-in-out infinite;
  transform-origin: center;
}