<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; border: 1px solid #eaeaea; border-radius: 8px; overflow: hidden;">

                            <!-- Header Image -->
                            <div style="background-color: #f5f5f5; text-align: left; padding: 20px;">
                                <img src="{{EMAIL_LOGO}}" alt="{{IMAGE_ALT}}" style="width: 200px; max-width: 600px; height: auto; border-radius: 8px 8px 0 0;">
                            </div>

                            <!-- Content -->
                            <div style="padding: 30px 20px; background-color: #ffffff;">
                                <h2 style="color: #1E3A8A; text-align: left;">Password Reset Request</h2>
                                <p style="color: #555555; font-size: 18px; line-height: 1.5; text-align: left;">
                                    Hi there,<br><br>
                                    We received a request to reset your password for your Eventably account. To reset your password, click the button below:
                                </p>

                                <!-- Reset Button -->
                                <div style="text-align: left; margin: 30px 0;">
                                    <a href="{{BASE_URL}}/{{CHECK_ROLES}}/{{RESET_TOKEN}}" style="background-color: #1E3A8A; color: #ffffff; padding: 12px 24px; text-decoration: none; font-weight: bold; border-radius: 6px; display: inline-block;">
                                        Reset Password
                                    </a>
                                </div>

                                <p style="color: #555555; font-size: 14px; text-align: left; margin-top: 20px;">
                                    If you did not request this password reset, please ignore this email or contact us.
                                </p>
                                <p style="color: #555555; font-size: 15px; text-align: left; margin-top: 20px;">Best regards,<br />{{SIGNATURE}}</p>
                            </div>

                            <!-- Footer Image and Text -->
                            <div style="background-color:#22242A; padding: 20px; text-align: center;">

                                <p style="color: #FFFFFF; font-size: 12px; margin-top: 20px;">
                                    {{FOOTER}}
                                    <br>
                                    <a href="{{BASE_URL}}/unsubscribe" style="color: #FFFFFF; text-decoration: none;">Unsubscribe</a>
                                </p>
                            </div>
                        </div>