<div style="box-sizing: border-box; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; background-color: #ffffff; color: #718096; line-height: 1.4; margin: 0; padding: 0; width: 100%!important;">
  <table style="width: 100%; background-color: #edf2f7;" role="presentation" cellspacing="0" cellpadding="0">
    <tbody>
      <tr>
        <td align="center">
          <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="margin: 0px; padding: 0px;">
            <tbody>
              <tr>
                <td style="padding: 25px 0; text-align: center;">
                 <div style="text-align: center; margin-bottom: 20px;">
                    {COMPANY_LOGO}
                  </div>

                </td>
              </tr>
              <tr>
                <td style="background-color: #edf2f7;">
                  <table class="inner-body" role="presentation" width="570" cellspacing="0" cellpadding="0" align="center" style="background-color: #ffffff; border: 1px solid #e8e5ef; border-radius: 2px; margin: 0 auto;">
                    <tbody>
                      <tr>


                        <td style="padding: 32px;">
                          <h2 style="font-size: 20px; font-weight: bold; color: #2d3748; margin-bottom: 20px;">{SUBJECT}</h2>
                          <h1 style="color: #3d4852; font-size: 18px; font-weight: bold; margin-top: 0;">Hi {FIRST_NAME},</h1>
                          <p style="font-size: 16px; line-height: 1.5em; margin: 0 0 16px;">
                            {EMAIL_MESSAGE}
                          </p>

        <!-- Optional: Key Info Section -->
        <table cellpadding="0" cellspacing="0" style="width: 100%; margin: 20px 0; font-size: 15px;">
          <tr>
            <td><strong>Purpose:</strong></td>
            <td>{EMAIL_PURPOSE}</td>
          </tr>
          <tr>
            <td><strong>Date:</strong></td>
            <td>{EMAIL_DATE}</td>
          </tr>
          <tr>
            <td><strong>Action Required:</strong></td>
            <td>{ACTION_REQUIRED}</td>
          </tr>
        </table>
                          <!-- Optional CTA button -->
                          <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="margin: 30px 0;">
                            <tbody>
                              <tr>
                                <td align="center">
                                  <table border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                      <tr>
                                        <td style="background-color: #3182ce; border-radius: 5px; text-align: center;">
                                          <a href="{CTA_URL}" target="_blank" style="display: inline-block; padding: 10px 20px; font-size: 16px; color: #ffffff; text-decoration: none; border-radius: 5px;">{CTA_BUTTON_TEXT}</a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>

                          <p style="font-size: 16px; line-height: 1.5em; margin: 0;">If you have any questions, feel free to reach out to our support team.</p>
                          <p style="font-size: 16px; line-height: 1.5em; margin: 24px 0 0;">Best regards,<br>{COMPANY_TITLE}</p>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td>
                  <table class="footer" role="presentation" width="570" cellspacing="0" cellpadding="0" align="center" style="margin: 0 auto; padding: 0; text-align: center;">
                    <tbody>
                      <tr>
                        <td style="padding: 32px;" align="center">
                          <p style="color: #b0adc5; font-size: 12px; text-align: center;">&copy; {CURRENT_YEAR} {COMPANY_TITLE}. All rights reserved.</p>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</div>
