.nav-tabs {
    /*.nav-item, .nav-item a {
        &.active, &:hover {
            background-color: transparent !important;
            border: none !important;
        }
    }*/

    .nav-item a.active:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 85%;
        height: 5px;
        background-color: var(--primary);
        border-radius: 5px;
        transform: translate(-50%, 17px);

        .rtl & {
            bottom: 2px;
        }
    }
}