.scroll-container {
    width: 300px;
    /* Set width of the scroll container */
    height: 400px;
    /* Set height where scrolling starts */
    overflow-y: scroll;
    /* Enable vertical scrolling */
    overflow-x: hidden;
    /* Hide horizontal scroll */
    border: 1px solid #ccc;
    /* Optional: add border for visibility */
    padding: 10px;
    /* Optional: padding inside the container */
    background-color: #f9f9f9;
    /* Optional: background color */
}

.scroll-container::-webkit-scrollbar {
    width: 8px;
    /* Customize scrollbar width for Webkit (Chrome, Safari) */
}

.scroll-container::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Scrollbar thumb (handle) color */
    border-radius: 4px;
    /* Rounded corners */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* Darker color on hover */
}