<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;">
    {% block message %}
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td bgcolor="#33B0CA" 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="#33B0CA" align="center" style="padding: 0px 10px 0px 10px;">
                <table border="0" cellpadding="5" cellspacing="0" width="480" style="width: 60%">
                    <tr>
                        <td bgcolor="#ffffff" align="center" valign="top" style="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: 25px; font-weight: 400;font-family: Helvetica, Arial, sans-serif; margin: 0; color: #ee3c4d;"><b>{{title1}}</b></h1>
                            <h2 style="font-size: 22px; font-weight: 400;font-family: Helvetica, Arial, sans-serif; margin: 0; color: #ee3c4d;"><b>{{title2}}<br></b></h2>
                        
                        </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="10" cellpadding="1" padding:"5px">
                                <tr>
                                    <td style="padding:20px;">
                                        {% load custom_filters %}
                                                {% with pattern="\[(.*?)\]\((.*?)\)" %}
                                                    {% with modified_value=invitation|urlize_text|safe %}
                                                        <p>{{ modified_value|safe }}</p>
                                                    {% endwith %}
                                                    {% with modified_value=additional|urlize_text|safe %}
                                                        <p>{{ modified_value|safe }}</p>
                                                    {% endwith %}
                                                {% endwith %}
                                        <br>
                                        <br>
                                        <a href="{{pageurl}}"><img src="{{poster}}" alt="{{poster}}" style="max-width:100%;height:auto;" ></a>
                                        <br>
                                        <br>
                                    </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.ai" target="_blank"
                                                            style="color: #111111; font-weight: 700;">MY NEXT FILM PRIVATE LIMITED<a>".</p><div style="opacity:0.05">{{emailcode}}<div>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    {% endblock message %}
  </body>