{% autoescape off %}
    <div class="main-content">
        <div class="page-content">
            <div class="container-fluid">

                <div class="row">
                    <div class="col-12">
                        <table class="body-wrap"
                               style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: transparent; margin: 0;">
                            <tr
                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;  ">
                                <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
                                    valign="top"></td>
                                <td class="container"
                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto; "
                                    valign="top"
                                    width="600">
                                    <div class="content"
                                         style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 0; border: 1px solid #00253f!important; border-radius: 7px">
                                        <table bgcolor="#fff" cellpadding="0" cellspacing="0" class="main"
                                               style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 7px; background-color: #fff; color: #00253f; margin: 0; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);"
                                               width="100%">
                                            <tr
                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                <td align="center"
                                                    bgcolor="#71b6f9"
                                                    class="alert alert-warning"
                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #00253f; font-weight: 500; text-align: center; border-radius: 7px 7px 0 0; background-color: #f8f9fa!important; margin: 0; padding: 20px;"
                                                    valign="top">
                                                    <div
                                                            style="box-sizing: border-box;padding: 0!important;text-align: center!important;">
                                                        <a href="https://mfuko.net" target="_blank">
                                                            <img alt="Mfuko Plus logo"
                                                                 src="https://mfuko.net/wp-content/uploads/2019/06/MFUUKO-logo-01-300x212.fw_-300x212.png"
                                                                 style="margin: -5px;box-sizing: border-box;vertical-align: middle;border-radius: .25rem!important;"
                                                                 width="30%">
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr
                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                <td class="content-wrap"
                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 10px;"
                                                    valign="top">
                                                    <table cellpadding="0" cellspacing="0"
                                                           style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"
                                                           width="100%">
                                                        <tr
                                                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                            <td class="content-block"
                                                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; "
                                                                valign="top">
                                                                <h5
                                                                        style="box-sizing: border-box;margin-top: 0;margin-bottom: .5rem;font-weight: 500;line-height: 1.2;font-size: 1.25rem; text-align:center;">
                                                                    {{ business }}</h5>
                                                            </td>
                                                        </tr>
                                                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                            <td class="content-block"
                                                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; margin: 0; padding: 0 0 20px;"
                                                                valign="top">
                                                                {{ body }}
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr
                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
                                                <td align="center"
                                                    class="alert alert-warning"
                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; text-align: center; border-radius: 0 0 7px 7px; background-color: #00253f!important; margin: 0; padding: 10px;"
                                                    valign="top">
                                                    <hr>
                                                    <div style="box-sizing: border-box;display: flex!important; text-align: justify!important;">
                                                        <p style="font-size: 12px;box-sizing: border-box;margin-top: 0;margin-bottom: 1rem; color: #ffffff!important;">
                                                            Terms and conditions apply.
                                                            <br style="box-sizing: border-box;">
                                                            This email and any attachments are confidential and may also
                                                            be
                                                            privileged. If
                                                            you are not the addressee, do not disclose, copy, circulate
                                                            or
                                                            in any other way
                                                            use
                                                            or rely on the information contained in this email or any
                                                            attachments. If
                                                            received
                                                            in error, notify the sender immediately and delete this
                                                            email
                                                            and any
                                                            attachments
                                                            from your system.
                                                        </p>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <!-- end table -->
                    </div>
                </div>
                <!-- end row -->
            </div> <!-- container-fluid -->
        </div>
        <!-- End Page-content -->
    </div>
{% endautoescape %}