/* Slide-in from left for hero and about us sections */
.slide-in-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: opacity 0.8s cubic-bezier(0.4,0,0.2,1), transform 0.8s cubic-bezier(0.4,0,0.2,1);
}
.slide-in-left.visible {
  opacity: 1;
  transform: translateX(0);
}
// Slide-in animation CSS
.slide-in {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.slide-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Zoom-in animation for service cards */
.zoomin-card {
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.zoomin-card.visible {
  opacity: 1;
  transform: scale(1);
}