.animate-fadeIn {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

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

/* Pattern background for banner fallback */
.pattern-dots-lg {
    background-image: radial-gradient(currentColor 2px, transparent 2px);
    background-size: 24px 24px;
}

/* Remove this class if you already have scrollbar-hide defined elsewhere */
.scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .scrollbar-hide::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }