.scroll-wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden; /* Hide default scrollbar */
    position: relative;
}

.scroll-content {
    overflow-y: scroll; /* Enable vertical scrolling */
    height: 100%;
    padding-right: 20px; /* Space for custom scrollbar */
    box-sizing: content-box;
}

/* Custom scrollbar styles */
.scroll-wrapper::-webkit-scrollbar {
    display: none; /* Hide default scrollbar */
}

.scroll-content {
    scrollbar-width: thin;
    scrollbar-color: #888 #f4f4f4;
}

/* Hidden default scrollbar for WebKit browsers */
.scroll-content::-webkit-scrollbar {
    width: 10px;
}

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

.scroll-content::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 10px;
}

.scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.scroll-content {
    -ms-overflow-style: none;  /* For IE and Edge */
    scrollbar-width: none;      /* For Firefox */
}