<div class="min-h-screen w-full bg-blue-50">
    <div class="border border-b border-gray-200 py-5">
        <div class="justify-center items-center flex">
            <?php salesloo_template_branding(); ?>
        </div>
    </div>
    <main class="text-basestyle" style="height: calc(100% - 86px)">
        <div class="h-full flex items-center justify-center">
            <div class="w-11/12 mx-auto" style="max-width: 640px">
                <div class="h-full py-0 md:py-5">
                    <div class="w-full md:my-0">
                        <div class="my-10 md:my-5">
                            <div class="flex justify-center items-center text-gray-700">
                                <div class="flex-grow pl-3 text-center">
                                    <div class="text-xl font-bold text-gray-800"><?php _e('Thanks for your purchase!', 'salesloo'); ?></div>
                                    <div class="text-base text-gray-700"><?php _e('Your can access your purchased product on member area', 'salesloo'); ?></div>
                                </div>
                            </div>
                            <div class="flex w-full mt-5 justify-center">
                                <a href="<?php echo salesloo_data('access_page_url'); ?>" class="flex items-center justify-center focus:outline-none text-white text-sm sm:text-base rounded-lg py-4 px-5 transition duration-150 ease-in shadow-md bg-blue-600 hover:bg-blue-700">
                                    <span class="font-bold text-base tracking-wider"><?php echo _e('Go to access page', 'salesloo'); ?></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
</div>