.scroll-container {
    width: 100%;
    overflow: auto;
}


/* Scrollbar styling */
.scroll-container::-webkit-scrollbar {
    margin-right: 2px;
    width: 8px;
    height: 8px;
    background-color: var(--color-secondary);
    border-radius: 6px;
}

.scroll-container::-webkit-scrollbar-track {
    background-color: var(--color-secondary);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.scroll-container.image-gallery::-webkit-scrollbar-track {
    background-color: var(--color-deep-sapphire-blue);
}

.scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--color-support);
    border-radius: 6px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-support);
}