              :root {
                 --theme-primary: #000eff;
                 /* Slate-900 equivalent or slightly darker */
                 --theme-secondary: #007eff;
                 /* Blue-600 equivalent */
                 --theme-vibrant-text:#0046ff;
                 /* Blue-800 equivalent */
                
             }

             .bg-new-gradient {
                 background: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
             }

             .text-new-gradient {
                 background-clip: text;
                 -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
                 background-image: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
             }

             .glass {
                 background: rgba(255, 255, 255, 0.5);
                 backdrop-filter: blur(15px);
                 -webkit-backdrop-filter: blur(15px);
                 border: 1px solid rgba(255, 255, 255, 0.7);
                 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
             }

             .glass-strong {
                 background: rgba(255, 255, 255, 0.7);
                 backdrop-filter: blur(20px);
                 -webkit-backdrop-filter: blur(20px);
                 border: 1px solid rgba(255, 255, 255, 1);
             }

             .glass-card {
                 background: rgba(255, 255, 255, 0.4);
                 backdrop-filter: blur(10px);
                 -webkit-backdrop-filter: blur(10px);
                 border: 1px solid rgba(255, 255, 255, 0.6);
                 box-shadow: 0 8px 32px rgba(30, 41, 59, 0.1);
             }
             
              /* Mobile/Tablet Flash Fix - Prevent white screen flash on mobile devices */
            @media (max-width: 1024px) {
                /* Disable ALL backdrop-filter on mobile - this causes rendering issues and white screen flash */
                .glass,.glass-strong,.glass-card,
                [class*="backdrop-blur"],
                [class*="backdrop-blur-sm"],
                [class*="backdrop-blur-md"],
                [class*="backdrop-blur-lg"],
                [class*="backdrop-blur-xl"] {
                    /*background: rgba(255, 255, 255, 1) !important;*/
                    backdrop-filter: none !important;
                    -webkit-backdrop-filter: none !important;
                }
                
                header > .max-w-7xl > .glass,  header > .mobile-menu-overlay > .glass {
                 backdrop-filter: blur(15px) !important;
                 -webkit-backdrop-filter: blur(15px) !important;
                }
            }

             .dropdown-glass-card {
                 background: #f7f9ff;
                 backdrop-filter: blur(10px);
                 -webkit-backdrop-filter: blur(10px);
                 border: 1px solid rgba(255, 255, 255, 0.6);
                 box-shadow: 0 8px 32px rgba(30, 41, 59, 0.1);
             }

             .vibrant-text {
                 color: var(--theme-vibrant-text);
             }

             .smooth-transition {
                 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
             }

             .hover-glow:hover {
                 box-shadow: 0 0 25px rgba(0, 89, 251, 0.2);
             }
             /* Hero Section Background Shapes */

             .hero-shapes .shape-1 {
                 animation: pulse 4s infinite cubic-bezier(0.4, 0, 0.6, 1);
             }

             .hero-shapes .shape-2 {
                 animation: pulse 4s infinite cubic-bezier(0.4, 0, 0.6, 1) 1s;
             }

             .hero-shapes .shape-3 {
                 animation: pulse 4s infinite cubic-bezier(0.4, 0, 0.6, 1) 0.5s;
             }

             .hero-shapes .shape-4 {
                 animation: pulse 4s infinite cubic-bezier(0.4, 0, 0.6, 1) 1.5s;
             }

             @keyframes pulse {
                 0%,
                 100% {
                     transform: scale(1);
                 }
                 50% {
                     transform: scale(1.1);
                 }
             }
             /* Testimonial Slider Controls */

             .testimonials-slider {
                 position: relative;
             }

             .slider-arrows {
                 position: absolute;
                 top: 50%;
                 width: 100%;
                 display: flex;
                 justify-content: space-between;
                 transform: translateY(-50%);
                 padding: 0 20px;
                 /* Adjust as needed */
                 z-index: 10;
             }

             .slider-arrow {
                 width: 48px;
                 height: 48px;
                 background-color: rgba(255, 255, 255, 0.2);
                 backdrop-filter: blur(5px);
                 border: 1px solid rgba(255, 255, 255, 0.3);
                 border-radius: 9999px;
                 /* full rounded */
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 color: white;
                 cursor: pointer;
                 transition: all 0.3s ease;
             }

             .slider-arrow:hover {
                 background-color: rgba(255, 255, 255, 0.3);
             }

             .slider-dots {
                 display: flex;
                 justify-content: center;
                 gap: 8px;
                 margin-top: 2rem;
             }

             .slider-dot {
                 width: 10px;
                 height: 10px;
                 background-color: rgba(255, 255, 255, 0.5);
                 border-radius: 9999px;
                 cursor: pointer;
                 transition: background-color 0.3s ease, transform 0.3s ease;
             }

             .slider-dot.active {
                 background-color: var(--theme-secondary);
                 transform: scale(1.2);
             }
             /* Services Dropdown (Click Toggle) */

             .submenu {
                 transition: opacity 0.3s ease-out, transform 0.3s ease-out;
                 transform-origin: top;
                 opacity: 0;
                 transform: scaleY(0.95);
                 pointer-events: none;
                 /* Prevents interaction when hidden */
             }

             .submenu.open {
                 opacity: 1;
                 transform: scaleY(1);
                 pointer-events: auto;
             }
             /* Features Section Card Enhancements */

             .feature-card {
                 position: relative;
                 overflow: hidden;
             }

             .feature-card::before {
                 content: '';
                 position: absolute;
                 top: 0;
                 left: 0;
                 width: 100%;
                 height: 100%;
                 background: linear-gradient(135deg, rgba(0, 89, 251, 0.05), rgba(0, 89, 251, 0) 70%);
                 opacity: 0;
                 transition: opacity 0.3s ease;
                 pointer-events: none;
             }

             .feature-card:hover::before {
                 opacity: 1;
             }

             .feature-card .icon-wrapper {
                 transition: transform 0.3s ease, background-color 0.3s ease;
             }

             .feature-card:hover .icon-wrapper {
                 transform: translateY(-10px);
                 box-shadow: 0 10px 20px rgba(0, 89, 251, 0.2);
             }
             /* Testimonial Card Enhancements */

             .testimonial-content {
                 border-left: 5px solid var(--theme-secondary);
                 /* Added a distinct border */
             }

             .testimonial-content::before {
                 /* Quote icon as a background element */
                 content: '';
                 position: absolute;
                 top: 20px;
                 right: 20px;
                 width: 60px;
                 height: 60px;
                 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bfdbfe' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-quote'%3E%3Cpath d='M10 11H6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5Zm11 0H17a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H16a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5Z'/%3E%3C/svg%3E") no-repeat center center;
                 background-size: contain;
                 opacity: 0.3;
                 /* More subtle */
                 z-index: 0;
             }

             .testimonial-content p {
                 position: relative;
                 /* Ensure text is above the quote background */
                 z-index: 1;
             }

             .testimonial-author-info {
                 position: relative;
                 padding-top: 20px;
             }

             .testimonial-author-img {
                 border-color: var(--theme-secondary);
                 /* Highlight author image border */
             }

             .pt-180 {
                 padding-top: 180px !important;
             }

             .pd-30 {
                 padding: 30px !important;
             }

             .rounded-10 {
                 border-radius: 10px;
             }

             .wd-350 {
                 width: 350px;
             }