<div class="col-xl-3">
    <h1 class="wp-heading-inline me-3 mb-3 d-none d-xl-block">
        <?php esc_html_e(' ', 'ticketmachine-event-manager') ?>&nbsp;
    </h1>
    <div class="box box-primary mb-3">
        <div class="box-title bg-primary text-white"><?php esc_html_e("TicketMachine Pro", "ticketmachine-event-manager"); ?></div>
        <div class="box-body">
            <ul class="fa-ul mt-0 ms-4">
                <li><span class="fa-li"><i class="fas fa-shopping-cart"></i></span> <?php esc_html_e('Sell event tickets', 'ticketmachine-event-manager') ?></li>
                <li><span class="fa-li"><i class="fas fa-sync-alt"></i></span> <?php esc_html_e('Recurring events', 'ticketmachine-event-manager') ?></li>
                <li><span class="fa-li"><i class="fas fa-percent"></i></span> <?php esc_html_e('Create redeemable coupons', 'ticketmachine-event-manager') ?></li>
                <li><span class="fa-li"><i class="fas fa-list-ul"></i></i></span> <?php esc_html_e('Update or cancel bookings', 'ticketmachine-event-manager') ?></li>
                <li><span class="fa-li"><i class="fas fa-search-dollar"></i></span> <?php esc_html_e('Price categories for events', 'ticketmachine-event-manager') ?></li>
            </ul>
            <a class="button button-primary btn-primary" target="_blank" href="https://cloud.ticketmachine.de/"><?php esc_html_e("Apply for Pro", "ticketmachine-event-manager"); ?></a>
        </div>
    </div>
</div>