<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<title>Truelysell - Service Marketplace Template</title>

	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg">

	<link rel="stylesheet" href="assets/css/animate.css">
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">


	<!-- Tabler Icon CSS -->
	<link rel="stylesheet" href="assets/plugins/tabler-icons/tabler-icons.css">

	<!-- Fontawesome Icon CSS -->
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

	<!-- Style CSS -->
	<link rel="stylesheet" href="assets/css/style.css">
</head>

<body class="authentication-page">

	<div class="d-flex justify-content-between vh-100 overflow-auto flex-column">

		<!-- Header -->
		<div class="authentication-header">
			<div class="container">
				<div class="col-md-12">
					<div class="text-center">
						<img src="assets/img/logo.svg" alt="logo">
					</div>
				</div>
			</div>
		</div>
		<!-- /Header -->

		<!-- Main Wrapper -->
		<div class="main-wrapper">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-md-5 mx-auto">
						<form action="success.html">
							<div class="d-flex flex-column justify-content-center">
								<div class="card p-sm-4 my-5">
									<div class="card-body">
										<div class="text-center mb-3">
											<h3 class="mb-2">Reset Password</h3>
											<p class="fs-14">Your new password must be different from previous used
												passwords.</p>
										</div>
										<div>
											<div class="input-block mb-3">
												<div class="mb-3">
													<label class="form-label">New Password</label>
													<div class="pass-group" id="passwordInput">
														<input type="password" class="form-control pass-input">
													</div>
												</div>
												<div class="password-strength d-flex" id="passwordStrength">
													<span id="poor"></span>
													<span id="weak"></span>
													<span id="strong"></span>
													<span id="heavy"></span>
												</div>
												<div id="passwordInfo" class="mb-2"></div>
												<p class="fs-12">Use 8 or more characters with a mix of letters, numbers
													& symbols.</p>
											</div>
											<div class="mb-3">
												<div class="d-flex align-items-center justify-content-between flex-wrap">
													<label class="form-label">Confirm Password</label>
												</div>
												<input type="password" class="form-control">
											</div>
											<div>
												<button type="submit" class="btn btn-lg btn-linear-primary w-100">Save
													Change</button>
											</div>
										</div>
										<div>
											<img src="assets/img/bg/authentication-bg.png" class="bg-left-top" alt="Img">
											<img src="assets/img/bg/authentication-bg.png" class="bg-right-bottom" alt="Img">
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- /Main Wrapper -->


		<!-- Footer -->
		<div class="footer-copyright  bg-transparent">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p>Copyright &copy; 2024. All Rights Reserved Truelysell</p>
					</div>
				</div>
			</div>
		</div>
		<!-- /Footer -->

	</div>







	<div class="back-to-top">
		<a class="back-to-top-icon align-items-center justify-content-center d-flex" href="#top"><i class="fa-solid fa-arrow-up"></i></a>
	</div>

	<!-- Cursor -->
	<div class="xb-cursor tx-js-cursor">
		<div class="xb-cursor-wrapper">
			<div class="xb-cursor--follower xb-js-follower"></div>
		</div>
	</div>
	<!-- /Cursor -->

	<!-- Jquery JS -->
	<script src="assets/js/jquery-3.7.1.min.js" type="0db759bcb27848d2eb267ed1-text/javascript"></script>

	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.bundle.min.js" type="0db759bcb27848d2eb267ed1-text/javascript"></script>

	<!-- Validation-->
	<script src="assets/js/validation.js" type="0db759bcb27848d2eb267ed1-text/javascript"></script>

	<!-- Script JS -->
	<script src="assets/js/script.js" type="0db759bcb27848d2eb267ed1-text/javascript"></script>

<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="0db759bcb27848d2eb267ed1-|49" defer=""></script></body>

</html>