body {
      font-family: 'Poppins', sans-serif;
    }

    .gradient-bg {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

    .hero-gradient {
      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    }

    .card-hover {
      transition: all 0.3s ease;
    }

    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }

    .testimonial-container {
      width: 500%;
    }

    .testimonial-slide {
      width: 20%;
    }

      /* Fix Google icon and dropdown alignment */
      #google_translate_element {
        display: flex;
        justify-content: center;
        margin-top: 4px;
      }

      /* Make Google’s injected wrapper display in a row */
      .goog-te-gadget-simple {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
      }

      /* Globe icon style */
      .goog-te-gadget-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 6px !important;
        vertical-align: middle !important;
      }

      /* Fix the dropdown anchor styling */
      .goog-te-gadget-simple span,
      .goog-te-gadget-simple a {
        display: inline-flex !important;
        align-items: center !important;
      }

      /* Make the dropdown itself bigger */
      .goog-te-gadget-simple {
        font-size: 12px !important;
        padding: 6px 10px !important;
        border-radius: 6px !important;
      }

      /* Optional: Bigger select dropdown inside */
      .goog-te-combo {
        font-size: 16px !important;
        padding: 8px 12px !important;
      }

  /* Mobile Menu Links Styles */
  .menu-link {
    display: block;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 0.5rem;
    transition-property: color, background-color, opacity;
    transition-duration: 300ms;
  }
  .menu-link:hover {
    color: #EC4899; /* Tailwind pink-600 */
    background-color: #fff;
    opacity: 0.8;
  }
  .menu-sub-link {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #fff;
    font-weight: 500;
    transition-property: color, background-color, opacity;
    transition-duration: 300ms;
  }
  .menu-sub-link:hover {
    color: #EC4899; /* Tailwind pink-600 */
    background-color: #fff;
    opacity: 0.8;
  }