.custom-scrollbar {
    width: 300px;
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #ccc;

    /* For Firefox */
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* For Chrome, Edge, Safari */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}