body {
         font-family: 'Inter', sans-serif !important;
      }

      /* Preserve Font Awesome icons */
      .fa,
      .fas,
      .far,
      .fal,
      .fab {
         font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
      }

      .text-gradient {
         background: linear-gradient(135deg, #00d4aa, #8b45c1, #00d4aa);
         background-size: 300% 300%;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         animation: gradient 8s ease infinite;
      }

      .btn-glow {
         box-shadow: 0 0 20px rgba(0, 212, 170, 0.3);
         transition: all 0.3s ease;
      }

      .btn-glow:hover {
         box-shadow: 0 0 40px rgba(0, 212, 170, 0.5);
         transform: translateY(-2px);
      }

      .glass-effect {
         background: rgba(255, 255, 255, 0.1);
         backdrop-filter: blur(20px);
         border: 1px solid rgba(255, 255, 255, 0.2);
      }

      .hero-bg {
         background: linear-gradient(135deg,
               rgba(0, 212, 170, 0.03) 0%,
               rgba(30, 58, 138, 0.05) 25%,
               rgba(139, 69, 193, 0.03) 50%,
               rgba(0, 212, 170, 0.02) 75%,
               rgba(255, 255, 255, 0.95) 100%);
      }

      .floating-particle {
         animation: float 8s ease-in-out infinite;
      }

      .floating-particle:nth-child(odd) {
         animation-delay: -2s;
         animation-duration: 10s;
      }

      .floating-particle:nth-child(even) {
         animation-delay: -4s;
         animation-duration: 12s;
      }

      .image-hover-effect {
         transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      }

      .image-hover-effect:hover {
         transform: perspective(1000px) rotateY(5deg) scale(1.02);
      }

      .testimonialSwiper .swiper-wrapper {
         height: 100%;
      }

      .swiper-pagination-bullet-active {
         background: rgba(61, 177, 141, 1);
         /* Change to your primary color */
      }