/* Custom Scrollbar Styles */
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background-color: #e0f2fe; /* Light blue background */
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #9cbdf3; /* Blue accent */
    border-radius: 20px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #7097ec; /* Darker blue on hover */
}

/* Thicker scrollbar */
.scrollbar::-webkit-scrollbar {
    width: 8px;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: #e0f2fe; /* Light blue track */
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #9cbdf3; /* Blue thumb */
    border-radius: 20px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: #7097ec; /* Slightly darker on hover */
}