.shimmer-loader {
    position: relative;
    overflow: hidden;
}

    .shimmer-loader::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.2) 75%);
        animation: shimmer 1.5s infinite;
    }

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}
/* Hide scrollbars by default */
/*.scroll-hide {
    overflow: hidden;
}*/

/* Show scrollbars on hover */
/*.hover\:scrollbar-visible:hover {
    overflow-x: auto;*/ /* Allow scrolling on hover */
/*}*/

/* Optional: Customize scrollbar appearance (for WebKit browsers) */
/*.scroll-hide::-webkit-scrollbar {
    display: none;*/ /* Hide scrollbar */
/*}

.hover\:scrollbar-visible::-webkit-scrollbar {
    display: block;*/ /* Show scrollbar on hover */
    /*height: 8px;*/ /* Adjust height of scrollbar */
/*}

.hover\:scrollbar-visible::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);*/ /* Scrollbar color */
    /*border-radius: 10px;*/ /* Rounded corners */
/*}*/


body.modal-open {
    overflow: hidden; /* Prevent scrolling when modal is open */
}

/* Hide scrollbars by default */
.scroll-hide {
    overflow: hidden; /* Hide overflow to prevent scrollbars */
}

/* Show scrollbars on hover */
.hover\:scrollbar-visible:hover {
    overflow-x: auto; /* Allow scrolling on hover */
}

/* Customize scrollbar for WebKit browsers */
.scroll-hide::-webkit-scrollbar {
    width: 8px; /* Width of the vertical scrollbar */
    height: 8px; /* Height of the horizontal scrollbar */
    background: transparent; /* Background of the scrollbar */
}

.hover\:scrollbar-visible::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3); /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the thumb */
}

    /* Change thumb color on hover */
    .hover\:scrollbar-visible::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.7); /* Darker color for the thumb on hover */
    }

/* For Firefox */
.scroll-hide {
    scrollbar-width: thin; /* Set scrollbar width */
    scrollbar-color: transparent transparent; /* Thumb color and track color */
}

.hover\:scrollbar-visible:hover {
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent; /* Thumb color on hover */
}