.nav-pills {
    .nav-link {
        &.active {
            box-shadow: 0 2px 10px rgba(map-get($theme-colors, 'primary'), .5);
        }
    }
}
.nav-tabs {
    border: none ;
    .nav-link {
        border: none;
    }
    .nav-link:hover {
        border:none;
        text-shadow: 0 0 2px rgba(map-get($theme-colors, 'primary'),.3);
    }
     .nav-link.active {
        border: none; 
        position: relative;
        color: map-get($theme-colors, 'primary');
        &:after {
            content: '';
            width: 100%;
            position: absolute;
            bottom: 0;
            height: 2px;
            background-color: map-get($theme-colors, 'primary');
            left: 0;
            box-shadow: 0 2px 5px rgba(map-get($theme-colors, 'primary'),.5);
        }        
     }
}

html[data-bs-theme="dark"] {
    .nav-tabs {
        .nav-link {
            background-color: #232323 !important;
            color: #e0e0e0 !important;
            border-color: #333 !important;
            &:hover {
                text-shadow: 0 0 2px rgba(map-get($theme-colors, 'primary'), .5);
            }
        }
        .nav-link.active {
            background-color: #1976d2 !important;
            color: #fff !important;
            border-color: #1565c0 !important;
            &:after {
                background-color: #fff;
                box-shadow: 0 2px 5px rgba(#fff, .3);
            }
        }
    }
    .nav-pills {
        .nav-link.active {
            box-shadow: 0 2px 10px rgba(#1976d2, .5);
            background-color: #1976d2 !important;
            color: #fff !important;
        }
    }
}