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

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Truelysell</title>

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

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

	<!-- select CSS -->
	<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.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">

	<!-- Owlcarousel CSS -->
	<link rel="stylesheet" href="assets/plugins/owlcarousel/owl.carousel.min.css">
	<link rel="stylesheet" href="assets/css/feather.css">

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

</head>

<body>

	<!-- Header -->
	<header class="header header-one">
		<div class="container">
			<nav class="navbar navbar-expand-lg header-nav">
				<div class="navbar-header">
					<a id="mobile_btn" href="javascript:void(0);">
						<span class="bar-icon">
							<span></span>
							<span></span>
							<span></span>
						</span>
					</a>
					<a href="index.html" class="navbar-brand logo">
						<img src="assets/img/logo.svg" class="img-fluid" alt="Logo">
					</a>
					<a href="index.html" class="navbar-brand logo-small">
						<img src="assets/img/logo-small.svg" class="img-fluid" alt="Logo">
					</a>
				</div>
				<div class="main-menu-wrapper">
					<div class="menu-header">
						<a href="index.html" class="menu-logo">
							<img src="assets/img/logo.svg" class="img-fluid" alt="Logo">
						</a>
						<a id="menu_close" class="menu-close" href="javascript:void(0);"> <i class="fas fa-times"></i></a>
					</div>
					<ul class="main-nav">
						<li class="has-submenu megamenu">
							<a href="javascript:void(0);">Home <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu mega-submenu">
								<li>
									<div class="megamenu-wrapper">
										<div class="row">
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index.html"><img src="assets/img/home-01.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index.html">Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-2.html"><img src="assets/img/home-02.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-2.html">Electrical Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-3.html"><img src="assets/img/home-3.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-3.html">Cleaning Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-4.html"><img src="assets/img/home-04.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-4.html">Saloon Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-5.html"><img src="assets/img/home-05.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-5.html">Catering Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-6.html"><img src="assets/img/home-06.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-6.html">Car Wash Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-7.html"><img src="assets/img/home-09.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-7.html">House Problem Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-8.html"><img src="assets/img/home-08.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-8.html">Pet Grooming Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-9.html"><img src="assets/img/home-10.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-9.html">Mechanic Home</a>
													</div>
												</div>
											</div>
											<div class="col-lg-2">
												<div class="single-demo">
													<div class="demo-img">
														<a href="index-10.html"><img src="assets/img/home-07.jpg" class="img-fluid" alt="img"></a>
													</div>
													<div class="demo-info">
														<a href="index-10.html">Cleaning Home</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="javascript:void(0);">Services <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="services-grid.html">Service Grid</a></li>
							<li><a href="services-list.html">Service List</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Service Details</a>
									<ul class="submenu">
										<li><a href="service-details.html">Service Details 1</a></li>
										<li><a href="service-details2.html">Service Details 2</a></li>
									</ul>
								</li>
								<li><a href="service-request.html">Service Request</a></li>
								<li><a href="search.html">Search</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Providers</a>
									<ul class="submenu">
										<li><a href="providers.html">Providers List</a></li>
										<li><a href="provider-details.html">Providers Details</a></li>
									</ul>
								</li>
								<li class="has-submenu">
								<a href="javascript:void(0);">Categories</a>
								<ul class="submenu">
									<li><a href="categories.html">Categories 1</a></li>
									<li><a href="categories-2.html">Categories 2</a></li>
								</ul>
							</li>
							<li><a href="create-service.html">Create Service</a></li>
							</ul>
						</li>
						<li class="has-submenu active">
							<a href="javascript:void(0);">Customers <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="user-dashboard.html">Dashboard</a></li>
								<li><a href="user-booking-list.html">Booking</a></li>
								<li><a href="favourites.html">Favorites</a></li>
								<li><a href="customer-wallet.html">Wallet</a></li>
								<li class="active"><a href="customer-reviews.html">Reviews</a></li>
								<li><a href="user-chat.html">Chat</a></li>
								<li><a href="account-settings.html">Settings</a></li>
							</ul>
						</li>
						<li class="has-submenu">
							<a href="javascript:void(0);">Providers <i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="provider-dashboard.html">Dashboard</a></li>
								<li><a href="provider-services.html">My Services</a></li>
								<li><a href="provider-booking.html">Booking</a></li>
								<li><a href="provider-payout.html">Payout</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Settings</a>
									<ul class="submenu">
										<li><a href="provider-appointment-settings.html">Appointment
												Settings</a></li>
										<li><a href="provider-accounts-settings.html">Account Settings</a></li>
										<li><a href="provider-social-profile.html">Social Profiles</a></li>
										<li><a href="provider-security-settings.html">Security</a></li>
										<li><a href="provider-plan.html">Plan & Billings</a></li>
										<li><a href="provider-notifcations.html">Notifications</a></li>
										<li><a href="provider-connected-apps.html">Connected Apps</a></li>
									</ul>
								</li>
								<li><a href="provider-holiday.html">Holidays & Leave</a></li>
								<li><a href="provider-coupons.html">Coupons</a></li>
								<li><a href="provider-offers.html">Offers</a></li>
								<li><a href="provider-reviews.html">Reviews</a></li>
								<li><a href="provider-earnings.html">Earnings</a></li>
								<li><a href="provider-chat.html">Chat</a></li>
							</ul>
						</li>
						<li class="nav-item has-submenu">
							<a class="nav-link" href="javascript:void(0);">Pages<i class="fas fa-chevron-down"></i></a>
							<ul class="submenu">
								<li><a href="about-us.html">About</a></li>
								<li class="has-submenu">
									<a href="blog-grid.html">Blog</a>
									<ul class="submenu">
										<li><a href="blog-grid.html">Blog Grid</a></li>
										<li><a href="blogs.html">Blog List</a></li>
										<li><a href="blog-details.html">Blog Details</a></li>
									</ul>
								</li>
								<li><a href="contact-us.html">Contact Us</a></li>
								<li><a href="how-it-works.html">How It Works</a></li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Error Page</a>
									<ul class="submenu">
										<li><a href="error-404.html">404 Error</a></li>
										<li><a href="error-500.html">500 Error</a></li>
									</ul>
								</li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Authentication</a>
									<ul class="submenu">
										<li><a href="login.html">Login</a></li>
										<li><a href="register.html">Customer Signup</a></li>
										<li><a href="provider-register.html">Provider Signup</a></li>
										<li><a href="reset-password.html">Reset Password</a></li>
										<li><a href="otp-phone.html">Phone OTP</a></li>
										<li><a href="otp-email.html">Email OTP</a></li>
										<li><a href="free-trail.html">Free Trial</a></li>
									</ul>
								</li>
								<li class="has-submenu">
									<a href="javascript:void(0);">Booking</a>
									<ul class="submenu">
										<li><a href="booking.html">Booking 1</a></li>
										<li><a href="user-booking.html">Booking 2</a></li>
										<li><a href="booking-payment.html">Booking Checkout</a></li>
										<li><a href="booking-success.html">Booking Success</a></li>
										<li><a href="booking-details.html">Booking Details</a></li>
									</ul>
								</li>
								<li><a href="categories.html">Categories</a></li>
								<li><a href="pricing.html">Pricing Plan</a></li>
								<li><a href="faq.html">FAQ</a></li>
								<li><a href="maintenance.html">Maintenance</a></li>
								<li><a href="coming-soon.html">Coming Soon</a></li>
								<li><a href="privacy-policy.html">Privacy Policy</a></li>
								<li><a href="terms-condition.html">Terms & Conditions</a></li>
								<li><a href="session-expired.html">Session Expired</a></li>
								<li><a href="installer.html">Installer</a></li>
							</ul>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="admin/index.html">Admin</a>
						</li>
					</ul>
				</div>
				<div class="header-btn d-flex align-items-center">
					<div class="provider-head-links">
						<a href="javascript:void(0);" class="d-flex align-items-center justify-content-center me-2 notify-link" data-bs-toggle="dropdown"><i class="feather-bell"></i></a>
						<div class="dropdown-menu dropdown-menu-end notification-dropdown p-4">
							<div class="d-flex dropdown-body align-items-center justify-content-between border-bottom p-0 pb-3 mb-3">
								<h6 class="notification-title">Notifications <span class="fs-18 text-gray"> (2)</span></h6>
								<div class="d-flex align-items-center">
									<a href="#" class="text-primary fs-15 me-3 lh-1">Mark all as read</a>
									<div class="dropdown">
										<a href="javascript:void(0);" class="bg-white dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside"><i class="ti ti-calendar-due me-1"></i>Today
										</a>
										<ul class="dropdown-menu mt-2 p-3">
											<li>
												<a href="javascript:void(0);" class="dropdown-item rounded-1">
													This Week
												</a>
											</li>
											<li>
												<a href="javascript:void(0);" class="dropdown-item rounded-1">
													Last Week
												</a>
											</li>
											<li>
												<a href="javascript:void(0);" class="dropdown-item rounded-1">
													Last Week
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>

							<div class="noti-content">
								<div class="d-flex flex-column">
									<div class="border-bottom mb-3 pb-3">
										<a href="notification.html">
											<div class="d-flex">
												<span class="avatar avatar-lg me-2 flex-shrink-0">
													<img src="assets/img/profiles/avatar-52.jpg" alt="Profile" class="rounded-circle">
												</span>
												<div class="flex-grow-1">
													<div class="d-flex align-items-center">
													<p class="mb-1 w-100"><span class="text-dark fw-semibold">Stephan Peralt</span> rescheduled the service to 14/01/2024. </p>
													<span class="d-flex justify-content-end "> <i class="ti ti-point-filled text-primary"></i></span>
													</div> 
													<span>Just Now</span>
												</div>
											</div>
										</a>
									</div>
									<div class="border-bottom mb-3 pb-3">
										<a href="notification.html" class="pb-0">
											<div class="d-flex">
												<span class="avatar avatar-lg me-2 flex-shrink-0">
													<img src="assets/img/profiles/avatar-36.jpg" alt="Profile" class="rounded-circle">
												</span>
												<div class="flex-grow-1">
													<div class="d-flex align-items-center">
														<p class="mb-1 w-100"><span class="text-dark fw-semibold">Harvey Smith</span> has requested your service.</p>
														<span class="d-flex justify-content-end "> <i class="ti ti-point-filled text-primary"></i></span>
													</div>
													<span>5 mins ago</span>
													<div class="d-flex justify-content-start align-items-center mt-2">
														<span class="btn btn-light btn-sm me-2">Deny</span>
														<span class="btn btn-dark btn-sm">Accept</span>
													</div>
												</div>
											</div>
										</a>					
									</div>
									<div class="border-bottom mb-3 pb-3">
										<a href="notification.html">
											<div class="d-flex">
												<span class="avatar avatar-lg me-2 flex-shrink-0">
													<img src="assets/img/profiles/avatar-02.jpg" alt="Profile" class="rounded-circle">
												</span>
												<div class="flex-grow-1">
													<p class="mb-1"><span class="text-dark fw-semibold"> Anthony Lewis</span> has left feedback for your recent service </p>
													<span>10 mins ago</span>
												</div>
											</div>
										</a>
									</div>
									<div class="border-0 mb-3 pb-0">
										<a href="notification.html">
											<div class="d-flex">
												<span class="avatar avatar-lg me-2 flex-shrink-0">
													<img src="assets/img/profiles/avatar-22.jpg" alt="Profile" class="rounded-circle">
												</span>
												<div class="flex-grow-1">
													<p class="mb-1"><span class="text-dark fw-semibold">Brian Villaloboshas </span> cancelled the service scheduled for 14/01/2024.
													</p>
													<span>15 mins ago</span>
												</div>
											</div>
										</a>
									</div>
								</div>
							</div>
							<div class="d-flex p-0 notification-footer-btn">
								<a href="#" class="btn btn-light rounded  me-2">Cancel</a>
								<a href="#" class="btn btn-dark rounded ">View All</a>
							</div>
						</div>
					</div>
					<div class="provider-head-links">
						<a href="user-chat.html" class="d-flex align-items-center justify-content-center me-2"><i class="feather-mail"></i></a>
					</div>
					<div class="dropdown">
						<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
							<div class="booking-user d-flex align-items-center">
								<span class="user-img">
									<img src="assets/img/profiles/avatar-02.jpg" alt="user">
								</span>
							</div>
						</a>
						<ul class="dropdown-menu p-2">
							<li><a class="dropdown-item d-flex align-items-center" href="login.html"><i class="ti ti-logout me-1"></i>Logout</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</header>
	<!-- /Header -->

	<!-- Breadcrumb -->
	<div class="breadcrumb-bar text-center">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-12">
					<h2 class="breadcrumb-title mb-2">Reviews</h2>
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb justify-content-center mb-0">
							<li class="breadcrumb-item"><a href="index.html"><i class="ti ti-home-2"></i></a></li>
							<li class="breadcrumb-item">Customer</li>
							<li class="breadcrumb-item active" aria-current="page">Reviews</li>
						</ol>
					</nav>
				</div>
			</div>
			<div class="breadcrumb-bg">
				<img src="assets/img/bg/breadcrumb-bg-01.png" class="breadcrumb-bg-1" alt="Img">
				<img src="assets/img/bg/breadcrumb-bg-02.png" class="breadcrumb-bg-2" alt="Img">
			</div>
		</div>
	</div>
	<!-- /Breadcrumb -->

	<!-- Page Wrapper -->
	<div class="page-wrapper">
		<div class="content">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-xl-3 col-lg-4 theiaStickySidebar">
						<div class="card user-sidebar mb-4 mb-lg-0">
                            <div class="card-header user-sidebar-header mb-4">
                                <div class="d-flex justify-content-center align-items-center flex-column">
                                    <span class="user rounded-circle avatar avatar-xxl mb-2">
                                        <img src="assets/img/profiles/avatar-21.jpg" class="img-fluid rounded-circle" alt="Img">
                                    </span>
                                    <h6 class="mb-2">John Smith</h6>
                                    <p class="fs-14">Member Since Sep 2021</p>
                                </div>
                            </div>
							<div class="card-body user-sidebar-body p-0">
								<ul>
                                    <li class="mb-4">
                                        <a href="user-dashboard.html" class="d-flex align-items-center">
                                            <i class="ti ti-layout-grid me-2"></i>
                                            Dashboard
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="user-booking-list.html" class="d-flex align-items-center">
                                            <i class="ti ti-device-mobile me-2"></i>
                                            Bookings
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="favourites.html" class="d-flex align-items-center">
                                            <i class="ti ti-heart me-2"></i>
                                            Favorites
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="customer-wallet.html" class="d-flex align-items-center">
                                            <i class="ti ti-wallet me-2"></i>
                                            Wallet
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="customer-reviews.html" class="d-flex align-items-center active">
                                            <i class="ti ti-star me-2"></i>
                                            Reviews
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="user-chat.html" class="d-flex align-items-center">
                                            <i class="ti ti-message-circle me-2"></i>
                                            Chat
                                        </a>
                                    </li>
                                    <li class="submenu mb-4">
										<a href="javascript:void(0);" class="d-block mb-3"><i class="ti ti-settings me-2"></i><span>Settings</span><span class="menu-arrow"></span></a>
										<ul class="ms-4">
											<li class="mb-3">
												<a href="account-settings.html" class="fs-14 d-inline-flex align-items-center"><i class="ti ti-chevrons-right me-2"></i>Account Settings</a>
											</li>
											<li class="mb-3">
												<a href="security-settings.html" class="fs-14 d-inline-flex align-items-center"><i class="ti ti-chevrons-right me-2"></i>Security Settings</a>
											</li>
											<li class="mb-3"> 
												<a href="notification-settings.html" class="fs-14 d-inline-flex align-items-center"><i class="ti ti-chevrons-right me-2"></i>Notifications</a>
											</li>
											<li class="mb-3">
												<a href="connected-apps.html" class="fs-14 d-inline-flex align-items-center"><i class="ti ti-chevrons-right me-2"></i>Connected Apps</a>
											</li>
											<li class="mb-3">
												<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#del-account" class="fs-14"><i class="ti ti-chevrons-right me-2"></i>Delete Account</a>
											</li>
										</ul>
									</li>
                                    <li class="mb-0">
                                        <a href="login.html" class="d-flex align-items-center">
                                            <i class="ti ti-logout me-2"></i>
                                            Logout
                                        </a>
                                    </li>
                                </ul>
							</div>
						</div>
					</div>
					<div class="col-xl-9 col-lg-8">
						<div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
							<h4 class="mb-3">Reviews</h4>
							<div class="d-flex align-items-center">
								<p class="text-gray-6 me-2 fs-14 mb-0">Sort</p>
								<div class="dropdown me-2">
									<a href="javascript:void(0);" class="dropdown-toggle " data-bs-toggle="dropdown">
										Most helful
									</a>
									<div class="dropdown-menu">
										<a href="javascript:void(0);" class="dropdown-item active">Recently Added</a>
									</div>
								</div>
							</div>
						</div>
						<div class="row ">
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-22.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Building Construction Services.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-10.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Jeffrey Akridge,</h6>
																<span class="fs-12">July 11, 2024 11:38 am</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">
												The construction service delivered excellent craftsmanship, completing my home renovation on time with clear communication throughout. Highly recommend for quality and professionalism!
											</p>
										</div>
									</div>							
								</div>
							</div>
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-20.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Commercial Painting Services.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-11.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Nancy Olson,</h6>
																<span class="fs-12">July 18, 2024 04:30 pm</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">The commercial painting service provided outstanding results, with precise attention to detail and timely completion. Their professionalism and quality of work are top-notch!</p>
										</div>
									</div>							
								</div>
							</div>
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-23.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Plumbing Services.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-12.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Ramona Kingsley, </h6>
																<span class="fs-12">July 28, 2024 02:15 pm</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">
												The plumbing service was efficient and reliable, quickly resolving the issue with excellent workmanship. Highly recommend for their prompt and professional service!
											</p>
										</div>
									</div>							
								</div>
							</div>
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-24.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Wooden Carpentry Work.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-02.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Ricardo Lung,</h6>
																<span class="fs-12">August 01, 2024 10:00 am</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">
												The carpentry service exceeded my expectations with their meticulous attention to detail and superior craftsmanship. They completed the project on time, and the final results were both functional and aesthetically pleasing.
											</p>
										</div>
									</div>							
								</div>
							</div>
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-25.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Air Conditioner Service.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-13.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Annette Silva,</h6>
																<span class="fs-12">August 12, 2024 11:40 am</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">The air conditioning service was excellent, with prompt and thorough maintenance that restored my system to peak performance. Their technicians were professional and efficient, making the entire experience hassle-free.</p>
										</div>
									</div>							
								</div>
							</div>
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-14.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Toughened Glass Fitting Services.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-01.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Stephen Wilson,</h6>
																<span class="fs-12">August 20, 2024 01:15 pm</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">
												The toughened glass fitting service was outstanding, delivering precise installation with high-quality materials. Their attention to detail and professionalism ensured a flawless finish and timely completion.
											</p>
										</div>
									</div>							
								</div>
							</div>
							<div class="col-xxl-12 col-lg-12">
								<div class="card shadow-none">
									<div class="card-body">
										<div class="d-md-flex align-items-center">
											<div class="review-widget d-sm-flex flex-fill">
												<div class="d-flex justify-content-between align-items-center mb-3">
													<div class="d-flex">
														<span class="review-img me-2">
															<img src="assets/img/providers/provider-13.jpg" class="rounded img-fluid" alt="User Image">
														</span>
														<div>
															<div class="d-flex justify-content-between align-items-center mb-2">
																<div class="d-flex align-items-center">
																	<h6 class="fs-14 me-2">Car Repair Services.</h6>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																	<span><i class="ti ti-star-filled text-warning"></i></span>
																</div>
															</div>
															<div class="d-flex align-items-center">
																<span class="avatar avatar-sm me-2">
																	<img src="assets/img/user/user-06.jpg" class="rounded-circle " alt="Img">
																</span>
																<h6 class="fs-13 me-2">Ryan Rodriguez,</h6>
																<span class="fs-12">August 24, 2024 06:30 pm</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="user-icon d-inline-flex">
												<a href="javascript:void(0);" class="me-2"><i class="ti ti-edit"></i></a>
												<a href="javascript:void(0);" class=""><i class="ti ti-trash"></i></a>
											</div>
										</div>
										<div>
											<p class="fs-14">
												The car repair service was exceptional, providing prompt and thorough repairs with clear communication throughout. Their expertise and attention to detail restored my vehicle to top condition.
											</p>
										</div>
									</div>							
								</div>
							</div>
						</div>
						<div class="d-flex justify-content-between align-items-center">
							<div class="d-flex">
								<p class="mb-0">Show</p>
								<div class="dropdown mx-2">
									<a href="javascript:void(0);" class="dropdown-toggle bg-light-600 " data-bs-toggle="dropdown">07</a>
									<ul class="dropdown-menu">
										
										<li><a href="javascript:void(0);" class="dropdown-item">1</a></li>
									</ul>
								</div>
								<p>entries</p>
							</div>
							<nav aria-label="Page navigation">
								
								<ul class="paginations d-flex justify-content-center align-items-center"> 
								  <li class="me-3">1 - 07 of 10</li> 
								  <li class="page-item me-2"><a class="page-link-1 active d-flex justify-content-center align-items-center " href="javascript:void(0);">1</a></li>
								  <li class="page-item me-2"><a class="page-link-1 d-flex justify-content-center align-items-center " href="javascript:void(0);">2</a></li>
								  <li class="page-item "><a class="page-link-1 d-flex justify-content-center align-items-center " href="javascript:void(0);">3</a></li>
								</ul>
							  </nav>
							  
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- /Page Wrapper -->

	<!-- Footer -->
	<footer>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">Product</h5>
							<ul class="footer-menu">
								<li>
									<a href="javascript:void(0);">Features</a>
								</li>
								<li>
									<a href="javascript:void(0);">Pricing</a>
								</li>
								<li>
									<a href="javascript:void(0);">Case studies</a>
								</li>
								<li>
									<a href="javascript:void(0);">Reviews</a>
								</li>
								<li>
									<a href="javascript:void(0);">Updates</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">Support</h5>
							<ul class="footer-menu">
								<li>
									<a href="javascript:void(0);">Getting started</a>
								</li>
								<li>
									<a href="javascript:void(0);">Help center</a>
								</li>
								<li>
									<a href="javascript:void(0);">Server status</a>
								</li>
								<li>
									<a href="javascript:void(0);">Report a bug</a>
								</li>
								<li>
									<a href="javascript:void(0);">Chat support</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">For Provider</h5>
							<ul class="footer-menu">
								<li>
									<a href="about-us.html">About</a>
								</li>
								<li>
									<a href="contact-us.html">Contact us</a>
								</li>
								<li>
									<a href="javascript:void(0);">Careers</a>
								</li>
								<li>
									<a href="faq.html">Faq’s</a>
								</li>
								<li>
									<a href="blogs.html">Blog</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-2">
						<div class="footer-widget">
							<h5 class="mb-4">Support</h5>
							<ul class="footer-menu">
								<li>
									<a href="javascript:void(0);">Getting started</a>
								</li>
								<li>
									<a href="javascript:void(0);">Help center</a>
								</li>
								<li>
									<a href="javascript:void(0);">Other Products</a>
								</li>
								<li>
									<a href="javascript:void(0);">Report a bug</a>
								</li>
								<li>
									<a href="javascript:void(0);">Chat support</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-xl-4">
						<div class="footer-widget">
							<div class="card bg-light-200 border-0 mb-3">
								<div class="card-body">
									<h5 class="mb-3">SignUp For Subscription</h5>
									<div class="mb-3">
										<input type="text" class="form-control" placeholder="Enter Email Address">
									</div>
									<button type="submit" class="btn btn-linear-primary btn-lg w-100">Subscribe</button>
								</div>
							</div>
							<div class="d-flex align-items-center flex-wrap">
								<h6 class="fs-14 me-2">Download Our App</h6>
								<img src="assets/img/icons/app-store.svg" class="me-2" alt="img">
								<img src="assets/img/icons/goolge-play.svg" class="me-2" alt="img">
							</div>
						</div>
					</div>
				</div>
				<div class="d-flex align-items-center justify-content-between flex-wrap mt-3">
					<ul class="social-icon mb-3">
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/fb.svg" class="img" alt="icon"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/instagram.svg" class="img" alt="icon"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/twitter.svg" class="img" alt="icon"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/whatsapp.svg" class="img" alt="icon"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/youtube.svg" class="img" alt="icon"></a>
						</li>
						<li>
							<a href="javascript:void(0);"><img src="assets/img/icons/linkedin.svg" class="img" alt="icon"></a>
						</li>
					</ul>
					<div class="d-flex align-items-center">
						<div class="dropdown me-3 mb-3">
							<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 fw-medium" data-bs-toggle="dropdown">
								<img src="assets/img/flags/us.png" class="flag me-2" alt="Flag">English
							</a>
							<ul class="dropdown-menu">
								<li><a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/flags/us.png" class="flag me-2" alt="Flag">English</a></li>
								<li><a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/flags/jp.png" class="flag me-2" alt="Flag">Japanese</a></li>
								<li><a class="dropdown-item" href="javascript:void(0);"><img src="assets/img/flags/cn.png" class="flag me-2" alt="Flag">Chinese</a></li>
							</ul>
						</div>
						<div class="dropdown mb-3">
							<a href="javascript:void(0);" class="dropdown-toggle bg-light-300 fw-medium" data-bs-toggle="dropdown">
								USD
							</a>
							<ul class="dropdown-menu">
								<li><a class="dropdown-item" href="javascript:void(0);">USD</a></li>
								<li><a class="dropdown-item" href="javascript:void(0);">EURO</a></li>
								<li><a class="dropdown-item" href="javascript:void(0);">YEN</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Bottom -->
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="d-flex align-items-center justify-content-between flex-wrap">
							<p class="mb-2">Copyright &copy; 2024 - All Rights Reserved Truelysell</p>
							<ul class="menu-links mb-2">
								<li>
									<a href="javascript:void(0);"> Terms and Conditions</a>
								</li>
								<li>
									<a href="javascript:void(0);">Privacy Policy</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /Footer Bottom -->

	</footer>
	<!-- /Footer -->

	<!-- Delete Account -->
	<div class="modal fade custom-modal" id="del-account">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header d-flex align-items-center justify-content-between border-bottom">
                    <h5 class="modal-title">Delete Account</h5>
                    <a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i class="ti ti-circle-x-filled fs-20"></i></a>
                </div>
				<form action="customer-reviews.html">
					<div class="modal-body">
						<p class="mb-3">Are you sure you want to delete This Account? To delete your account, Type your password.</p>
						<div class="mb-0">
							<label class="form-label">Password</label>
							<div class="pass-group">
								<input type="password" class="form-control pass-input" placeholder="*************">
								<span class="toggle-password feather-eye-off"></span>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
						<button type="submit" class="btn btn-dark">Delete Account</button>
					</div>	
				</form>
            </div>
        </div>
    </div>
	<!-- /Cancel Appointment -->


	<!-- Add Wallet -->
 	<div class="modal fade wallet-modal" id="add-wallet" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered">
	  <div class="modal-content">
		<div class="modal-header d-flex align-items-center justify-content-between  border-0">
			<h5>Add Wallet</h5>
			<a href="javascript:void(0);" data-bs-dismiss="modal" aria-label="Close"><i class="ti ti-circle-x-filled fs-20"></i></a>
		</div>
		<div class="modal-body">
			<form>
				<div class="mb-3">
				  <label for="amount" class="form-label">Amount</label>
				  <input type="text" class="form-control" id="amount">
				</div>
			  </form>
			  <div class="row">
				<div class="col-md-4">
					<div class="bank-selection">
						<input type="radio" value="attach_link" id="rolelink" name="attachment" checked="">
						<label for="rolelink">
							<img src="assets/img/icons/paypal.svg" alt="Paypal">
							<span class="role-check"><i class="fa-solid fa-circle-check"></i></span>
						</label>
					</div>
				</div>
				<div class="col-md-4">
					<div class="bank-selection">
						<input type="radio" value="attach_link" id="rolelink1" name="attachment">
						<label for="rolelink1">
							<img src="assets/img/icons/stripe.svg" alt="Stripe">
							<span class="role-check"><i class="fa-solid fa-circle-check"></i></span>
						</label>
					</div>
				</div>
				<div class="col-md-4">
					<div class="bank-selection">
						<input type="radio" value="attach_link" id="rolelink2" name="attachment">
						<label for="rolelink2">
							<img src="assets/img/icons/bank-transfer.svg" alt="image">
							<span class="role-check"><i class="fa-solid fa-circle-check"></i></span>
						</label>
					</div>
				</div>
			</div>
		</div>
		<div class="modal-footer">
		  <button type="button" class="btn bg-gray" data-bs-dismiss="modal">Cancel</button>
		  <button type="button" class="btn btn-dark">Submit</button>
		</div>
	  </div>
	</div>
  </div>

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

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

	<!-- Wow JS -->
	<script src="assets/js/wow.min.js" type="1b4caf45be9528f58280d342-text/javascript"></script>

	<!-- Sticky Sidebar JS -->
	<script src="assets/plugins/theia-sticky-sidebar/ResizeSensor.js" type="1b4caf45be9528f58280d342-text/javascript"></script>
	<script src="assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.js" type="1b4caf45be9528f58280d342-text/javascript"></script>

	<!-- select JS -->
	<script src="assets/plugins/select2/js/select2.min.js" type="1b4caf45be9528f58280d342-text/javascript"></script>

	<!-- Owlcarousel Js -->
	<script src="assets/plugins/owlcarousel/owl.carousel.min.js" type="1b4caf45be9528f58280d342-text/javascript"></script>

	<!-- counterup JS -->
	<script src="assets/js/cursor.js" type="1b4caf45be9528f58280d342-text/javascript"></script>

	<!-- Script JS -->
	<script src="assets/js/script.js" type="1b4caf45be9528f58280d342-text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="1b4caf45be9528f58280d342-|49" defer=""></script></body>

</html>