h1, h2, h3, h4 {
    color: hsl(225, 17%, 95%, 100%);
}

.tab-vertical .nav.nav-tabs li a {
    margin-bottom: 10px;
}

.tab .nav.nav-tabs li a {
    background: hsl(225, 17%, 95%, 100%);
    color: #35353570;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}

.tab-border .nav.nav-tabs > li > a.active, .tab-border .nav.nav-tabs > li > a.active:focus, .tab-border .nav.nav-tabs > li > a.active:hover {
    color: #ffff;
    background: hsl(199, 52%, 29%, 100%) !important;
    border-color: #eeeeee00 !important;
    border-bottom: 1px solid #ffffff00 !important;
    margin-bottom: 10px;
}


.tab-vertical .tab-content {
    background-color: hsl(199, 52%, 29%, 100%);
    border: 1px solid #e9e9e900;
    color: #ffff !important;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    min-height: 300px;
}


@media (max-width: 991px) {

    .tab .nav.nav-tabs li a {
        background: hsl(225, 17%, 95%, 100%);
        color: #35353570;
        border-radius: 30px;
    }

    .tab-vertical .tab-content {
        background-color: hsl(199, 52%, 29%, 100%);
        border: 1px solid #e9e9e900;
        color: #ffff !important;
        border-radius: 15px;
    }

    .tab-vertical .tab-content {
        margin-left: unset !important;
    }
}