<style>
	@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');

	html,
	body {
		padding: 0;
		margin: 0;
	}

	.reset-password-btn {
		text-decoration: none;
		display: inline-block;
		text-align: center;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 1.5;
		border-radius: 5px;
		color: #fff;
		background-color: #72880F;
		border: 0;
		margin-right: 15px;
		font-weight: 600;
		outline: none;
		vertical-align: middle;
	}

	.reset-password-btn:hover {
		background-color: #6c7a0e;
		cursor: pointer;
	}
</style>
<div style="font-family: 'Tajawal', sans-serif; line-height: 1.5; font-weight: normal; font-size: 15px; color: #2F3044; min-height: 100%; margin:0; padding:0; width:100%; background-color:#edf2f7"
	dir="rtl">
	<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
		style="border-collapse:collapse;margin:0 auto; padding:0; max-width:600px">
		<tbody>
			<tr>
				<td align="center" valign="center" style="text-align:center; padding: 40px">
					<div style="padding-bottom: 30px; font-size: 17px;" align="center">
						<strong>الريان المكية</strong>
					</div>
				</td>
			</tr>
			<tr>
				<td align="right" valign="center">
					<div
						style="text-align:right; margin: 0 20px; padding: 40px; background-color:#ffffff; border-radius: 6px">
						<div style="padding-bottom: 30px; font-size: 17px;" align="center">
							<strong>السلام عليكم ورحمة الله وبركاته</strong>
						</div>

						<div style="margin-bottom: 10px;">
							<?= $message; ?>
						</div>

					</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>