<style>
    body,
    table,
    td,
    a {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
  
    table,
    td {
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
    }
  
    img {
        -ms-interpolation-mode: bicubic;
    }
  
    img {
        border: 0;
        height: auto;
        line-height: 100%;
        outline: none;
        text-decoration: none;
    }
  
    table {
        border-collapse: collapse !important;
    }
  
    body {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
  
    a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }
  
    div[style*="margin: 16px 0;"] {
        margin: 0 !important;
    }
  </style>
  
  <body style="background-color: #f7f5fa; margin: 0 !important; padding: 0 !important;">
  
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td bgcolor="#ee3c4d" align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="480">
                    <tr>
                        <td align="center" valign="top" style="padding: 40px 10px 20px 10px;">
                            <div style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 25px;"
                                border="0"><b>My Next Film</b></div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td bgcolor="#ee3c4d" align="center" style="padding: 0px 10px 0px 10px;">
                <table border="0" cellpadding="0" cellspacing="0" width="480" style="width:60%;">
                    <tr>
                        <td bgcolor="#ffffff" align="center" valign="top"
                            style="padding: 10px 30px 0px 30px; border-radius: 4px 4px 0px 0px; color: #111111; font-family: Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;">
                            <h1 style="font-size: 18px; font-weight: 400; margin: 0;"><b><span style="color: red;">MyNextFilm gift subscription delivered!</span></b></h1>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
                <table border="0" cellpadding="0" cellspacing="0" width="480" style="width:60%;">
                    <tr>
                        <td bgcolor="#ffffff" align="left">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    {% if username and first_name and token %}
                                    <td colspan="2"
                                        style="padding-left:30px;padding-right:15px;padding-bottom:10px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 25px;">
                                        <p>Hi {{first_name}},<br>

                                            Thank you for believing that <b>{{username}}</b> will be benefitted by using MyNextFilm software tools.
  
                                            <p style="text-align:center;">Coupon code {{token}} has been sent to {{username}} by email!<br>You may like to share it personally as well!!</p>
                            
                                            Would you like more of your friends to pull their filmaking future into present?
                                            <p style="text-align:center; margin-top:0px;" >
                                            <a style="text-decoration: none; text-align:center;" target="_blank" href="https://www.mynextfilm.com/pay/payment/">Gift them MNF Subscriptions</a>
                                            </p>
                                            We invite you to democratise filmaking by joining the MNF Team as <a style="text-decoration: none" target="_blank" href="https://www.mynextfilm.com/lpp/lppregistration/">Language Pair Partner</a>, 
                                            Relationship Manager or <a style="text-decoration: none" target="_blank" href="https://mynextfilm.com/harkat/propose">Harkat Local Filmmaking club administrator</a> and also augment your income.<br><br>
            
                                          <b>Looking forward to a closer association,</b><br>
                                            Team MyNextFilm</p>
                                    </td>
                                    {% endif %}
                                </tr>
        
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td bgcolor="#ffffff" align="center">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td bgcolor="#ffffff" align="center"
                                        style="padding: 30px 30px 30px 30px; border-top:1px solid #dddddd;">
                                        <table border="0" cellspacing="0" cellpadding="0" style= "margin-top:-25px">
                                            <tr>
                                                <td bgcolor="" align="left"
                                                    style="color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;">
                                                    <p style="margin: 0;">For any related queries, please reach out to  ."<a href="mailto:support@mynextfilm.com" target="_blank"
                                                            style="color: #111111; font-weight: 700;">MY NEXT FILM PRIVATE LIMITED<a>".</p>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
  
  </body>