<section class="bg-white">
    <div class="container">
        <div class="row justify-content-lg-between align-items-end">
            <div class="col-lg-6">
                <div class="tt-cta-content ptb-60">
                    <h2>{$LANG.ctatitle}</h2>
                    <p>{$LANG.ctainfo}</p>

                    <ul class="tt-support-list list-unstyled mb-0">
                        <li class="list-inline-item">
                            <a href="{$WEB_ROOT}/supporttickets.php" class="d-block tt-support-item tt-rounded bg-primary-light">
                                <img src="templates/{$template}/img/icon-support-1.svg" class="img-fluid mx-auto" alt="support image">
                                <span>Support Ticket</span>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a href="tel:+1-202-555-0173" class="d-block tt-support-item tt-rounded bg-danger-light">
                                <img src="templates/{$template}/img/icon-support-2.svg" class="img-fluid mx-auto" alt="support image">
                                <span>Call Us Now</span>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a href="{$WEB_ROOT}/contact.php" class="d-block tt-support-item tt-rounded bg-success-light">
                                <img src="templates/{$template}/img/icon-support-3.svg" class="img-fluid mx-auto" alt="support image">
                                <span>Email Support</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-5">
                <img src="{$WEB_ROOT}/templates/{$template}/img/cta-img.png" class="tt-cta-img img-fluid" alt="support image">
            </div>
        </div>
    </div>
</section>
