.table-responsive {
    overflow-x: auto; /* Allows horizontal scrolling */
    position: relative; 
    padding-left: 100px; /* Assuming your fixed column width is 100px */
}

.table.table-categories td:first-child, 
.table.table-categories th:first-child {
    position: sticky;
    left: 0;
    background-color: white; /* or another appropriate color */
    z-index: 1; 
}

.scroll-500 {
    max-height: 500px;
    overflow: auto;
}