.tabbable.tabs-top {
    margin: 0 auto;
}

.tabbable.tabs-top > .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin: 0 0 18px;
    padding: 0;
    border-bottom: 1px solid #d9d2df;
    list-style: none;
}

.tabbable.tabs-top > .nav-tabs > li {
    margin: 0 0 -1px;
    padding: 0;
    list-style: none;
}

.tabbable.tabs-top > .nav-tabs > li > a {
    display: block;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    color: #493553;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

.tabbable.tabs-top > .nav-tabs > li > a:hover,
.tabbable.tabs-top > .nav-tabs > li > a:focus {
    background: #f6f0fa;
    border-color: #e5d8eb #e5d8eb #d9d2df;
}

.tabbable.tabs-top > .nav-tabs > .active > a,
.tabbable.tabs-top > .nav-tabs > .active > a:hover,
.tabbable.tabs-top > .nav-tabs > .active > a:focus {
    background: #fffffa;
    border-color: #d9d2df #d9d2df #fffffa;
    color: #6f2dbd;
}

.tabbable.tabs-top > .tab-content > .tab-pane {
    display: none;
}

.tabbable.tabs-top > .tab-content > .active {
    display: block;
}