[data-bs-theme=light] .nav-scroller {
    --bs-navbar-color: rgba(0, 0, 0, 0.65);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.8);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: #000;
    --bs-navbar-brand-color: #000;
    --bs-navbar-brand-hover-color: #000;
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.15);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .nav-scroller  {
    --bs-navbar-color: rgba(255, 255, 255, 0.65);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.8);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.3);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
    padding: .75rem;
    font-size: .875rem;
    color: var(--bs-navbar-color);
}
.nav-scroller .nav-link:hover{
    color: var(--bs-navbar-hover-color);
}
.nav-scroller .active {
    font-weight: 500;
    color: var(--bs-navbar-active-color);
}

.text-gold {
    color: #FFD700 !important;
}
.bg-gold {
    background-color: #FFD700 !important;
}
.text-silver {
    color: #C0C0C0 !important;
}
.bg-silver {
    background-color: #C0C0C0 !important;
}
.text-bronze {
    color: #CD7F32 !important;
}
.bg-bronze {
    background-color: #CD7F32 !important;
}