<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 >
    
    {% comment %} change here  {% endcomment %}

    
    <div 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%;">
                    
                </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>
                                    <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 {{sender}},<br><br>

                                            Thanks for referring your friend.<br><br> You will get extra one month of our services for every 3 joinings from your referral link.<br><br>
                                            

                                            You are also invited to get an invitation for <a style="text-decoration: none" href="https://www.mynextfilm.com/events/register/"><b>Rendezvous</b></a> (Gathering of scriptwriters)
                                            <br><br><b>IMPORTANT</b>: For ease of communication <a style="text-decoration: none"href="https://chat.whatsapp.com/Ht05BWFu9IwJgvLxdLnomD"><b>join the WhatsApp group</a>
                       
            
        
                                            <br><br>Team MyNextFilm
                                    </td>
                                
                                </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>
</div>

  </body>