/* Custom scrollbar styles */
.custom-carousel-scrollbar {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 10px;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 10;
}
.custom-carousel-scrollbar-thumb {
    height: 100%;
    background: #888;
    width: 50px; /* Will be adjusted via JavaScript */
    position: absolute;
    left: 0;
}