.nav-link.blocknav {
    font-size: 16px;
    font-weight: 600;
    border-radius: 0px;
    background-color: rgb(0, 123, 255);
    color: #ffffff;
    border-top: 2px solid #ffffff;
    padding: 1rem 1.5rem !important;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-item:last-child .nav-link.blocknav {
    border-bottom: 2px solid #fff;
}

.cmt-nav-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.cmt-nav-wrap .nav-item {
    flex-shrink: 0;
    height: 11%;
}
.cmt-nav-wrap .nav-item.active {
    height: 67%;
}
.cmt-nav-wrap .nav-item.active .nav-link {
    background-color: #009ef7;
    color: #f8bd4a;
    height: 100%;
}

.cmt-nav-wrap .nav-item .nav-link:hover {
    isolation: inherit;
}

.mobileFlexDirection {
    flex-direction: row !important;
}

@media(max-width: 1024px) {
    .cmt-nav-wrap {
        height: calc(100vh - 164px);
    }
    .cmt-nav-wrap .nav-link.blocknav {
        font-size: 14px;
        padding: 1rem 1rem !important;
    }
}