.scrollbar-hide::-webkit-scrollbar { display: none; }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    
  
    @media (max-width: 768px) {
        .snap-x {
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
        }
    }
 
   
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus {
        -webkit-text-fill-color: white !important;
        -webkit-box-shadow: 0 0 0px 1000px #0a0f1a inset !important; 
        transition: background-color 5000s ease-in-out 0s;
    }

 
    input, textarea, select, button, a {
        -webkit-tap-highlight-color: transparent !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    }

    
    input:focus, textarea:focus, select:focus {
        outline: none !important;
    }
 
    
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus {
        -webkit-text-fill-color: white !important;
         
        -webkit-box-shadow: 0 0 0px 1000px #0a0f1a inset !important; 
        transition: background-color 5000s ease-in-out 0s;
    }

    
    input, textarea, select, button, a {
        -webkit-tap-highlight-color: transparent !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    }

    
    input:focus, textarea:focus, select:focus {
        outline: none !important;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important; 
    }