.service-card {
    @apply bg-white p-5 rounded-xl shadow-lg hover:shadow-2xl hover:-translate-y-2 hover:scale-105 transition-all duration-300 cursor-pointer text-center border border-white/60;
  }

  .card-img {
    @apply w-full h-32 object-cover rounded-lg mb-4 shadow-sm;
  }

  .card-title {
    @apply text-lg font-semibold text-gray-900 tracking-wide;
  }

  /* Fade + Slide Up Animation */
  @keyframes fadeUp {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fadeUp {
    animation: fadeUp 0.9s ease forwards;
  }

  .delay-100 {
    animation-delay: 0.1s;
  }

  .delay-200 {
    animation-delay: 0.2s;
  }

  .delay-300 {
    animation-delay: 0.3s;
  }

  .delay-500 {
    animation-delay: 0.5s;
  }

  /* mm */
@layer utilities {
  @keyframes fade-up {
    0% {
      opacity: 0;
      transform: translateY(35px) scale(0.96);
    }
    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .animate-fade-up {
    animation: fade-up 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}

/* section3 */
 
  .why-card {
    opacity: 0;
    transform: translateY(40px) scale(0.96);
    transform-origin: center bottom; 
  }


  /* Hide scrollbar but keep scroll functionality */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}