<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td align="center" valign="top" style="padding: 20px 0; background-color: #f0f0f0;">
            <div
                style="font-family: Arial, Helvetica, sans-serif; display: flex; justify-content: center; align-items: center; height: auto; margin: 0; background-color: #f0f0f0; padding: 20px;">
                <div
                    style="background-color: #ffffff; padding: 40px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; width: 100%; height: auto;">
                    <div style="display: flex; flex-direction: column; align-items: center;">
                        <div style="margin-bottom: 20px;">
                            <img src="{{logo}}" alt="Seven 365 Logo" style="max-width: 100%; height: auto;" />
                        </div>
                        <div>
                            <img src="{{statusLogo}}" alt="Status Icon" style="max-width: 70.94px; height: auto;" />
                        </div>
                    </div>

                    <div style="font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #333333;">
                        {{title}}
                    </div>
                    <div
                        style="width: calc(100% - 145px); margin: 0 auto 20px; background-color: #ffffff; color: #000; padding: 15px; border-radius: 8px; border: 1px solid #e0e0e0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: left;">
                        <strong style="display: block; margin-bottom: 5px;">Remarks</strong>
                        <p>
                            {{message2}}
                        </p>
                    </div>
                    {{!-- {{#unless hideLogin}}
                    <a href="{{loginLink}}"
                        style="width: calc(100% - 145px); margin: 10px auto 20px; background-color: #d32f2f; color: #ffffff; padding: 20px 20px; border: none; border-radius: 10px; cursor: pointer; text-decoration: none; display: inline-block; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">Login</a>
                    {{/unless}} --}}
                    <div style="font-size: 16px; color: #888888; margin: 20px auto 20px;">
                        © 2024 by Seven 365 Pte Ltd V1.0
                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>