<!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">


	<style>

	</style>
</head>

<body class="authentication-page ">
	<div class="d-flex justify-content-center vh-100 overflow-auto flex-column error-404">

		<div class="contacts-overlay-img d-none d-md-block">
			<img src="assets/img/bg/bg-07.png" alt="img" class="img-fluid">
		</div>
		<!-- 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-7 mx-auto">
						<div class="img-success d-flex justify-content-center mx-auto">
							<img src="assets/img/bg/error-500.png" alt="Img" class="img-fluid">
						</div>
						<div>
							<h1 class="text-center display-6 mb-2">500 Oops! Internal Server Error</h1>
							<div class="text-center mb-4">
								<span class="text-gray fs-14 ">The server has been deserted for a while, please be patient or try again later</span>
							</div>
							<div class="d-flex justify-content-center">
								<a href="index.html" class="btn btn-dark d-flex align-items-center "><i class="ti ti-circle-arrow-left me-1"></i>Back to Home</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /Main Wrapper -->

	</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="cc001dfe4c48a25ce5a141c3-text/javascript"></script>

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

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

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


</html>