.nav.nav-pills.learning-pills {
    border-radius: 8px;
    background-color: var(--grey-01);
    padding-bottom: 0px;
}

.nav.nav-pills .nav-item .nav-link {
    color: var(--grey-03);
}

.nav.nav-pills.learning-pills .nav-item.nav-link.learning-item,
.nav.nav-pills.learning-pills .nav-item .nav-link.learning-item {
    color: var(--primary) !important;
    font-weight: 600;
    background-color: var(--background);
    min-width: 62px;
    text-align: center;
    padding: 16px 20px 16px 20px;
    border-top: 0.5px solid var(--primary-light);
    border-bottom: 0.5px solid var(--primary-light);
}

.nav.nav-pills.learning-pills .nav-item.nav-link.learning-item.only-bottom,
.nav.nav-pills.learning-pills .nav-item .nav-link.learning-item.only-bottom {
    border-top: 0.5px solid transparent;
    background-color: var(--white-01) !important;
}

@media (max-width: 576px) {
    .nav.nav-pills.learning-pills .nav-item .nav-link.learning-item.only-bottom {
        background-color: initial !important;
    }
}

.nav.nav-pills.learning-pills .nav-item.nav-link.learning-item.active,
.nav.nav-pills.learning-pills .nav-item .nav-link.learning-item.active {
    font-weight: 600;
    color: var(--tertiary);
    border-bottom: 2px solid var(--tertiary);
}

.nav-pills.learning-pills .nav-link.learning-item {
    border-radius: 0px;
}

.learning-borders {
    border-top: 0.5px solid var(--primary-light);
    border-bottom: 0.5px solid var(--primary-light);
    height: 58px;
    margin-left: -6.5px !important;
}

.learning-borders.only-bottom {
    border-top: 0.5px solid transparent;
}

.learning-only-border-bottom {
    border-bottom: 0.5px solid var(--primary-light);
}

.tab-content.learning {
    height: 100%;
    margin-top: 16px;
    padding: 0;
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}

.wdk-result-border {
    border-bottom: 0.5px solid var(--primary-light);
}