{% block CallToAction %}
    <section class="grid grid-cols-1 bg-white lg:grid-cols-8 outer-container">
        <article class="flex flex-col items-center justify-center py-16 lg:col-span-5 xl:py-24">
            <h1 class="heading-0 container w-full text-blue">
                Smile with us today.
            </h1>
            <div class="mt-8 w-full !pl-0 container xl:mt-12">
                <div class="flex items-center w-full gap-8">
                    <div class="flex-1 w-full h-px shrink-0 bg-imperial"></div>
                    <a href="tel:{{globalBusinessDetails.phoneNumber}}" class="pBtn">
                        {{globalBusinessDetails.phoneNumber}}
                    </a>
                </div>
            </div>
        </article>
        <article class="overflow-hidden lg:col-span-3 lg:py-12">
            <img class="object-contain w-full origin-left lg:scale-125" src="{{ siteUrl }}/dist/images/teethBanner.svg" alt=""/>
        </article>
    </section>
{% endblock %}