.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--diges-white) !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: var(--dmsc-border);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background-color: var(--diges-primary-color);
}

.nav-pills .nav-link {
    color: var(--diges-white) !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: var(--dmsc-border);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background-color: var(--bs-secondary-color);
}

.nav-scroll{
    overflow-x: scroll;
    width: 100%;
    overflow-y: hidden;
    text-wrap: nowrap;
    white-space: nowrap;
    flex-wrap: unset;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.nav-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.nav-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.nav-pills .nav-tutti {
    color: var(--diges-white) !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: var(--dmsc-border);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background-color: var(--diges-accent-color);
}