@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .animate-fadeInUp {
    animation: fadeInUp 1.2s ease-out forwards;
  }

  html {
    scroll-behavior: smooth;
  }

  @keyframes fadeUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .expertise-card {
    background: linear-gradient(145deg, #ffffff, #f9f9f9);
    border: 1px solid #eee;
    padding: 2rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
    animation: fadeUp 1s ease both;
  }

  .expertise-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    border-color: #35AC9F;
  }