html {
      scroll-behavior: smooth;
  }

  /* Pulse animation for underline */
  @keyframes pulseUnderline {

      0%,
      100% {
          background-color: #ca8a04;
          /* amber-600 */
          transform: scaleX(1);
      }

      50% {
          background-color: #d97706;
          /* lighter amber */
          transform: scaleX(1.1);
      }
  }

  /* Underline always visible and animated */
  h4.relative.inline-block {
      cursor: default;
      transition: color 0.3s ease;
  }

  h4.relative.inline-block span {
      display: block;
      height: 0.25rem;
      /* h-1 */
      width: 5rem;
      /* w-20 */
      background-color: #ca8a04;
      margin-top: 0.5rem;
      /* mt-2 */
      border-radius: 0.375rem;
      /* rounded */
      animation: pulseUnderline 3s ease-in-out infinite;
  }

  /* Optional: darken title on hover */
  h4.relative.inline-block:hover {
      color: #92400e;
      /* amber-800 */
  }

  /* Scroll fade & slide up animation */
  .service-block {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .service-block.animate {
      opacity: 1;
      transform: translateY(0);
  }

  .font-inter {
      font-family: 'Inter', sans-serif;
  }

  .active-menu {
      color: #eab308;
      /* Tailwind text-yellow-500 */
      font-weight: 600;
      /* Tailwind font-semibold */
      border-bottom-width: 2px;
      /* Tailwind border-b-2 */
      border-bottom-color: #eab308;
      /* Tailwind border-yellow-500 */
      border-bottom-style: solid;
  }

  #scrollToTopBtn {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.3s ease, transform 0.3s ease;
  }

  #scrollToTopBtn.show {
      opacity: 1;
      transform: translateY(0);
      display: block;
  }