body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            overflow-x: hidden;
            -webkit-tap-highlight-color: transparent;
        }

        /* Animated Backgrounds */
        .mesh-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            transition: background 0.5s ease;
        }

        /* Light Mesh */
        .light .mesh-bg {
            background:
                radial-gradient(at 0% 0%, rgba(0, 113, 227, 0.03) 0, transparent 50%),
                radial-gradient(at 100% 0%, rgba(99, 102, 241, 0.05) 0, transparent 50%);
            background-color: #F8F9FB;
        }

        /* Dark Mesh */
        .dark .mesh-bg {
            background:
                radial-gradient(at 0% 0%, rgba(30, 58, 138, 0.15) 0, transparent 50%),
                radial-gradient(at 100% 0%, rgba(79, 70, 229, 0.1) 0, transparent 50%);
            background-color: #0A0A0B;
        }

        .reveal-up {
            opacity: 0;
            transform: translateY(30px);
            animation: revealUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
        }

        @keyframes revealUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Glassmorphism Logic */
        .glass-nav {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            transition: all 0.3s ease;
        }

        .premium-card {
            backdrop-filter: blur(20px);
            transition: all 0.4s ease;
        }

        .btn-shimmer {
            background: linear-gradient(110deg, #1d1d1f 45%, #444 50%, #1d1d1f 55%);
            background-size: 200% 100%;
            animation: shimmer 3s infinite linear;
        }

        .dark .btn-shimmer {
            background: linear-gradient(110deg, #ffffff 45%, #a1a1a1 50%, #ffffff 55%);
            background-size: 200% 100%;
        }

        @keyframes shimmer {
            to {
                background-position: -200% 0;
            }
        }

        .btn-press:active {
            transform: scale(0.94);
            transition: transform 0.1s ease;
        }

        ::-webkit-scrollbar {
            display: none;
        }
 /* header text */
                         @keyframes gradientMove {

                            0%,
                            100% {
                                background-size: 200% 200%;
                                background-position: left center;
                            }

                            50% {
                                background-position: right center;
                            }
                        }

                        .animate-gradient {
                            background-size: 200% 200%;
                            animation: gradientMove 4s ease infinite;
                        }
 /* our client */
         /* Mobile ke liye scrollbar hide karne ka makkhan tarika */
        @media (max-width: 768px) {
            .no-scrollbar::-webkit-scrollbar {
                display: none;
            }

            .no-scrollbar {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
        }
   @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .animate-marquee { animation: marquee 40s linear infinite; }
  .animate-marquee-reverse { animation: marquee 35s linear reverse infinite; }
  .pause-on-hover:hover { animation-play-state: paused; }