<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Namascape - Thanks for contacting us</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Forum&display=swap" rel="stylesheet">
    <style type="text/css">
        * {
            border: none;
            outline: none;
        }

        body {
            padding: 0;
            margin: 0;
        }

        tr,
        td,
        th,
        thead,
        tbody,
        table {
            border-spacing: 0;
        }

        td {
            color: #9d9d9d;
        }

        @media (prefers-color-scheme: dark) {
            td {
                color: #ffffff !important;
            }

        }
    </style>
</head>

<body style="background: #fff;margin: 0;padding: 0;font-family: 'Forum', serif;">
    <table align="center" width="500px" border="0" cellspacing="0" cellpadding="0"
        style="padding: 10px; table-layout:fixed;">
        <!-- Banner -->
        <!-- <tr>
            <td valign="top" align="center">
                <table align="center" border="0" width="100%" cellspacing="0" cellpadding="0"
                    style="table-layout:fixed;">
                    <tr>
                        <td valign="center" align="start" style="display: block;">
                            <img src="https://staging.multiqos.com:3008/_next/static/media/logo-green.svg"
                                alt="banner-image" style="display: block;width: 100%;height: 100%;object-fit: cover;">
                        </td>
                    </tr>
                </table>
            </td>
        </tr> -->
        <!-- End Banner -->

        <!-- Body -->
        <tr>
            <td valign="top" align="center"
                style="padding: 40px 20px;border-left: 1px solid #008B45;border-right: 1px solid #008B45;">
                <table align="center" border="0" width="100%" cellspacing="0" cellpadding="0"
                    style="table-layout:fixed;margin: 0; padding: 0;">
                    <tr>
                        <td valign="center" align="center" width="100%"
                            style="font-family: 'Cinzel', serif;font-size: 24px;line-height: 1.3;color: #008B45;padding-bottom: 20px;font-weight: 600;">
                            Thank you for reaching out!
                        </td>
                    </tr>
                    <tr>
                        <td valign="center" align="center" width="100%"
                            style="font-family: 'Forum', serif;font-size: 18px;line-height: 1.3;padding-bottom: 20px;">
                            Your message has been successfully forwarded to us. We will get in touch with you as soon as
                            possible.
                            <!-- In emergencies, you can call the following number -->
                            <!-- <a href="tel:<%= locals.telephoneNumber %>" target="_blank"
                                style="font-family: 'Forum', serif;font-size: 18px;line-height: 1.3;color: #008B45;margin: 0;text-decoration: underline;">
                                <%= locals.telephoneNumber %>
                            </a> -->
                        </td>
                    </tr>
                    <!-- <tr>
                        <td valign="center" align="center" width="100%" style="padding-bottom: 20px;">
                            <a href="<%=locals.baseUrl%>/contact-us" target="_blank"
                                style="font-family: 'Forum', serif;font-size: 16px;line-height: 1.3;background: #008B45;color: #fff;padding: 12px 24px;text-decoration: none;display: inline-block;">Get
                                In Touch</a>
                        </td>
                    </tr> -->
                    <tr>
                        <td valign="center" align="center" width="100%"
                            style="font-family: 'Forum', serif;font-size: 18px;line-height: 1.3;">
                            Best Regards, <br>
                            Your Meta Boost Team
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- End Body -->

        <!-- Footer -->
        <!-- <tr>
            <td valign="top" align="center" style="padding: 20px;background: #008B45;">
                <table align="center" border="0" width="100%" cellspacing="0" cellpadding="0"
                    style="table-layout:fixed;margin: 0; padding: 0;">
                    <tr>
                        <td valign="center" align="center">
                            <a href="https://www.facebook.com/" target="_blank"
                                style="display: inline-block;margin: 0 5px;"><img
                                    src="<%=locals.baseUrl%>/public/images/facebook.png" alt="facebook"
                                    style="display: block;"></a>
                            <a href="https://www.instagram.com/" target="_blank"
                                style="display: inline-block;margin: 0 5px;"><img
                                    src="<%=locals.baseUrl%>/public/images/instagram.png" alt="instagram"
                                    style="display: block;"></a>
                            <a href="https://www.tiktok.com/" target="_blank"
                                style="display: inline-block;margin: 0 5px;"><img
                                    src="<%=locals.baseUrl%>/public/images/tiktok.png" alt="tiktok"
                                    style="display: block;"></a>
                            <a href="https://www.whatsapp.com/" target="_blank"
                                style="display: inline-block;margin: 0 5px;"><img
                                    src="<%=locals.baseUrl%>/public/images/whatsapp.png" alt="whatsapp"
                                    style="display: block;"></a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr> -->
        <!-- End Footer -->
    </table>
</body>

</html>