ul.tab-nav {
    list-style: none;
    border-bottom: 1px solid #bbb;
    padding-left: 5px;
    white-space: nowrap; /* Prevents list items from wrapping to the next line */
    overflow-x: auto; /* Enables horizontal scrolling */
    max-width: 100%; /* Optional: Set a max width if desired */
}

ul.tab-nav li {
    display: inline-block; /* Inline-block allows them to align horizontally */
    margin-right: 10px; /* Optional: Add some spacing between list items */
}

ul.tab-nav li .button {
    font-size: 13px;
    font-weight: 500;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border-bottom: none;
}

ul.tab-nav li .active.button {
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: 600;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}