/* Custom CSS overrides or additions that aren't easily handled by standard Tailwind classes */

/* Ensure smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom placeholder colors for form inputs */
::placeholder {
    color: #9ca3af;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder {
    color: #9ca3af;
}

/* Optional soft animation for the button */
@keyframes pulse-soft {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

button[type="submit"]:hover {
    animation: pulse-soft 1s infinite;
}
        .carousel-hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .carousel-hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        
        
          /* Add these lines to hide the scrollbar */
    .carousel-hide-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .carousel-hide-scrollbar {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none;    /* Firefox */
    }
    
        .carousel-hide-scrollbar::-webkit-scrollbar {
        display: none !important;
    }
    .carousel-hide-scrollbar {
        -ms-overflow-style: none !important; 
        scrollbar-width: none !important;    
    }