  html{
            overflow-x:hidden;
        }
        body {
            background-color: #050505;
            overflow-x: hidden !important;
        }

        /* Premium Glassmorphic Cards with Magnetic Glow Shadows */
        .glass-card {
            background: rgba(8, 27, 51, 0.4);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(0, 200, 255, 0.1);
            box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.7);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .glass-card:hover {
            border-color: rgba(0, 200, 255, 0.5);
            box-shadow: 0 25px 50px -10px rgba(0, 200, 255, 0.25);
            transform: translateY(-6px) scale(1.02);
        }

        .neon-text-glow {
            text-shadow: 0 0 15px rgba(0, 200, 255, 0.6);
        }

        /* Custom Dynamic Scrollbar Elements */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #050505;
        }
        ::-webkit-scrollbar-thumb {
            background: #081B33;
            border-radius: 10px;
            transition: background 0.3s;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00C8FF;
        }

        /* Seamless Customer Fade-In Reveal Effect */
        .reveal-element {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
        }

        @media (max-width: 1023px) {
            .mobile-spacer {
                padding-top: 45vh;
            }
        }
 
