.scroll-container {
    overflow-x: auto; /* Ativa a rolagem horizontal */
    scrollbar-width: thin; /* Para Firefox: define uma barra mais fina */
    scrollbar-color: #888 #f1f1f1; /* Para Firefox: cor da barra e do fundo */
}

    .scroll-container::-webkit-scrollbar {
        height: 1px; /* Altura da scrollbar */
    }

    .scroll-container::-webkit-scrollbar-thumb {
        background: #888; /* Cor da parte deslizante */
        border-radius: 6px; /* Bordas arredondadas */
    }

        .scroll-container::-webkit-scrollbar-thumb:hover {
            background: #555; /* Cor ao passar o mouse */
        }

    .scroll-container::-webkit-scrollbar-track {
        background: #f1f1f1; /* Cor do fundo da barra */
        border-radius: 6px;
    }

.container-sub-nav .sub-nav .sub-nav-tabs .tabs ul li a {
    flex-direction: column;
    font-size: 0.9rem;
}