.user-tabs .nav-tabs {
    border: none;
    margin: 24px 0;
}

    .user-tabs .nav-tabs .nav-item {
        margin-left: 16px;
    }

        .user-tabs .nav-tabs .nav-item:first-child {
            margin-left: 0;
        }

    .user-tabs .nav-tabs .nav-link {
        color: #697a8d;
        font-size: 14px;
        border: 0;
        margin: 0;
        line-height: 16px;
        padding: 8px 20px;
        display: flex;
        align-items: center;
        border-radius: 4px;
        transition: all 0.3s ease;
    }

        .user-tabs .nav-tabs .nav-item:hover .nav-link,
        .user-tabs .nav-tabs .nav-link.active {
            background: #696cff;
            color: #fff;
            box-shadow: 0px 2px 4px rgba(105, 108, 255, 0.4);
        }

        .user-tabs .nav-tabs .nav-link > i {
            font-size: 16px;
            margin-top: -2px;
            margin-right: 8px;
        }