/* Hero animation styles */
.banner-img-1.slideup {
  animation: slideup 3s infinite alternate;
  transform: translateY(0);
}

.banner-img-2.slideDown {
  animation: slideDown 3s infinite alternate;
  transform: translateY(0);
}

@keyframes slideup {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

/* Adding hover effects for service cards */
.card.hover-shadow {
  transition: all 0.3s ease-in-out;
}

.card.hover-shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.transition-all {
  transition: all 0.3s ease-in-out;
}