.elementor-1166 .elementor-element.elementor-element-e3b324d:not(.elementor-motion-effects-element-type-background), .elementor-1166 .elementor-element.elementor-element-e3b324d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFF7EA;}.elementor-1166 .elementor-element.elementor-element-e3b324d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1166 .elementor-element.elementor-element-e3b324d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-28c99ce *//* Entrance Animation */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply animation to each card with a slight delay */
.services__grid .service-card {
  opacity: 0; /* Initially hidden */
  animation: fadeUp 0.8s forwards;
}

/* Stagger effect for multiple cards */
.services__grid .service-card:nth-child(1) { animation-delay: 0.1s; }
.services__grid .service-card:nth-child(2) { animation-delay: 0.2s; }
.services__grid .service-card:nth-child(3) { animation-delay: 0.3s; }
.services__grid .service-card:nth-child(4) { animation-delay: 0.4s; }
.services__grid .service-card:nth-child(5) { animation-delay: 0.5s; }
.services__grid .service-card:nth-child(6) { animation-delay: 0.6s; }

/* Smooth hover animation */
.service-card {
  transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
  will-change: transform, background;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Hover Elevation + Shadow */
.service-card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}

/* Icon Bounce on hover */
.service-card:hover .service-card__icon {
  animation: bounce 0.5s;
}

/* Bounce Keyframes for icon */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* Optional: Smooth color transition for text & icon */
.service-card__icon,
.service-card__title,
.service-card__text,
.service-card__link {
  transition: color 0.4s ease;
}/* End custom CSS */