<style>
    :root{
        --bs-secondary: #DBDFE9;
    }

    body {
        background: #f0f0f1;
        color: #3c434a;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        font-size: 13px;
        line-height: 1.4em;
        min-width: 600px;
    }

    h2, h3 {
        color: #1d2327;
        font-size: 1.3em;
        margin: 1em 0;
    }
    h1, h2, h3, h4, h5, h6 {
        display: block;
        font-weight: 600;
    }

    .p-10 {
        padding: 2.5rem !important;
    }

    .proqyz_support a.btn {
        width: 100%;
        padding: 12px 0;
    }

    .btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) {
        box-shadow: none;
    }
    .btn.btn-outline:not(.btn-outline-dashed) {
        border: 1px solid var(--bs-gray-300);
    }
    .btn.btn-secondary {
        color: var(--bs-secondary-inverse);
        border-color: var(--bs-secondary);
        background-color: var(--bs-secondary);
    }
    
    .notice { display:none; }

</style>

<div class="wrap proqyz_support">
    <h2>Support</h2>
    <br />
    <div class="content d-flex flex-column flex-column-fluid">
        <div class=" container-xxl">
            <section class="mb-4">
                <div class="card-px py-5 my-10">
                    <h2 class="fs-2x fw-bold mb-4">Help</h2>
                    <p class="text-gray-500 fs-4 fw-semibold mb-10">We’re here for you. Search our help guides, or get in touch with our customer support team.</p>
                </div>
            </section>
            <section class="mb-4">
                <div class="row mb-6">
                    <div class="col-sm-12 col-md-4 mb-6">
                        <div class="card text-center p-10">
                        <b class="fw-bold mb-4 fs-3">Knowledge Base</b>
                        <p class="fw-semibold">Find answers to your questions about creating products, taking payments, built-in sales and marketing tools, launching your school, and more.</p>
                        <hr class="mb-10">
                        <a href="https://docs.spacetree.org/" target="_blank" class="btn btn btn-success btn-outline btn-outline-solid">Go to Knowledge Base</a>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-4 mb-6">
                        <div class="card text-center p-10">
                        <b class="fw-bold mb-4 fs-3">Get Support</b>
                        <p class="fw-semibold">Ask our team of experts a question. <br>7 Days a Week <br>8 a.m. – 8 p.m. ET</p>
                        <hr class="mb-10">
                        <a href="https://support.spacetree.org/" target="_blank" class="btn btn btn-secondary btn-outline btn-outline-solid">Create a ticket</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 col-md-4">
                        <div class="card text-center p-10">
                        <b class="fw-bold mb-4 fs-3">Live Chat Support</b>
                        <p class="fw-semibold">Connect with an expert in real-time. <br>Monday - Friday <br>10 a.m. – 5 p.m. ET</p>
                        <hr class="mb-10">
                            <a href="https://tawk.to/proqyz" target="_blank" class="text-center d-flex align-items-center justify-content-center btn btn btn-secondary btn-outline btn-outline-solid">
                                <span class="dashicons dashicons-format-chat"></span> Chat Offline
                            </a>
                        </div>
                    </div>
                </div>
            </section>
        </div>        
    </div>
</div>