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

	<!-- select CSS -->
	<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">

	<!-- Fancybox CSS -->
	<link rel="stylesheet" href="assets/plugins/fancybox/jquery.fancybox.min.css">

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

	<!-- Slick CSS -->
	<link rel="stylesheet" href="assets/plugins/slick/slick.css">

	<!-- Feather 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 active">
							<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 active">
									<a href="javascript:void(0);">Service Details</a>
									<ul class="submenu">
										<li><a href="service-details.html">Service Details 1</a></li>
										<li class="active"><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">
							<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><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>
				<ul class="nav header-navbar-rht">
					<li class="nav-item">
						<a class="nav-link header-reg" href="register.html">Register</a>
					</li>
					<li class="nav-item">
						<a class="nav-link header-login" href="login.html"><i class="fa-regular fa-circle-user me-2"></i>Login</a>
					</li>
				</ul>
			</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">Service Details</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">Service</li>
							<li class="breadcrumb-item active" aria-current="page">Service Details</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 -->

	<div class="page-wrapper">
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-xl-8">
						<div class="service-head mb-2">
							<div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
								<div>
									<div class="d-flex align-items-center flex-wrap">
										<h3 class="mb-2 me-2">Lighting Services</h3>
										<span class="badge badge-purple-transparent mb-2"><i class="ti ti-calendar-check me-1"></i>6000+ Bookings</span>
									</div>
									<div class="d-flex align-items-center flex-wrap mb-2">
										<p class="me-3 mb-2"><i class="ti ti-map-pin me-2"></i>18 Boon Lay Way, Singapore <a href="javascript:void(0);" class="link-primary text-decoration-underline">View Location</a></p>
										<a href="javscript:void(0);" class="me-3 mb-2"><i class="ti ti-heart me-2"></i>Add to Wishlist</a>
										<a href="javscript:void(0);" class="me-3 mb-2"><i class="ti ti-share me-2"></i>Share Now</a>
									</div>
								</div>
								<div class="mb-2">
									<div class="rate-item d-flex align-items-center">
										<span class="avatar avatar-md me-2">
											<i class="ti ti-star-filled"></i>
										</span>
										<div>
											<h6 class="fs-16 fw-medium">4.9 / 5</h6>
											<p>(255 reviews)</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="card border-0">
							<div class="card-body">

								<!-- Slider -->

								<div class="service-wrap vertical-slider">
									<div class="slider-for nav-center" id="large-img">
										<div class="service-img">
											<img src="assets/img/services/service-slider-01.jpg" class="img-fluid" alt="Slider Img">
										</div>
										<div class="service-img">
											<img src="assets/img/services/service-slider-02.jpg" class="img-fluid" alt="Slider Img">
										</div>
										<div class="service-img">
											<img src="assets/img/services/service-slider-03.jpg" class="img-fluid" alt="Slider Img">
										</div>
										<div class="service-img">
											<img src="assets/img/services/service-slider-04.jpg" class="img-fluid" alt="Slider Img">
										</div>
										<div class="service-img">
											<img src="assets/img/services/service-slider-05.jpg" class="img-fluid" alt="Slider Img">
										</div>
										<div class="service-img">
											<img src="assets/img/services/service-slider-06.jpg" class="img-fluid" alt="Slider Img">
										</div>
									</div>
									<div class="slider-nav nav-center" id="small-img">
										<div><img src="assets/img/services/service-thumb-01.jpg" class="img-fluid" alt="Slider Img"></div>
										<div><img src="assets/img/services/service-thumb-02.jpg" class="img-fluid" alt="Slider Img"></div>
										<div><img src="assets/img/services/service-thumb-03.jpg" class="img-fluid" alt="Slider Img"></div>
										<div><img src="assets/img/services/service-thumb-04.jpg" class="img-fluid" alt="Slider Img"></div>
										<div><img src="assets/img/services/service-thumb-05.jpg" class="img-fluid" alt="Slider Img"></div>
										<div><img src="assets/img/services/service-thumb-06.jpg" class="img-fluid" alt="Slider Img"></div>
									</div>
								</div>
								<!-- /Slider -->
							</div>
						</div>

						<ul class="nav nav-tabs nav-tabs-solid service-tabs mb-2">
							<li class="nav-item mb-3"><a class="nav-link active" href="#service-overview">Overview</a></li>
							<li class="nav-item mb-3"><a class="nav-link" href="#service-offered">Services Offered</a></li>
							<li class="nav-item mb-3"><a class="nav-link" href="#service-includes">Includes & Excludes</a></li>
							<li class="nav-item mb-3"><a class="nav-link" href="#service-gallery">Gallery</a></li>
							<li class="nav-item mb-3"><a class="nav-link" href="#service-video">Video</a></li>
							<li class="nav-item mb-3"><a class="nav-link" href="#service-faq">FAQ’s</a></li>
						</ul>

						<div class="card border-0" id="service-overview">
							<div class="card-body">
								<div class="accordion service-accordion">
									<div class="accordion-item">
										  <h2 class="accordion-header">
											<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#overview" aria-expanded="false">
												Service Overview
											</button>
										  </h2>
										  <div id="overview" class="accordion-collapse collapse show">
											<div class="accordion-body border-top border-bottom-0 p-0 mt-3 pt-3">
												<div class="more-text">
													<p>Provides reliable and professional electrical solutions for residential and commercial clients. Our licensed electricians are dedicated to delivering top-quality service, ensuring safety, and meeting all your electrical needs. Committed to providing high-quality electrical solutions with a focus on safety and customer satisfaction. Our team of licensed electricians is equipped to handle both residential and commercial projects with expertise and care.</p>
													<p>Comprehensive overview of  Electrical Services, including the types of services offered, key benefits, location, contact details, special offers, and customer reviews.</p>
												</div>
												<a href="javascript:void(0);" class="link-primary text-decoration-underline more-btn">Read More</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="card border-0" id="service-offered">
							<div class="card-body">
								<div class="accordion service-accordion">
									<div class="accordion-item">
										<h2 class="accordion-header">
											<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#offer" aria-expanded="false">
												Additional Services
										</button>
										</h2>
										<div id="offer" class="accordion-collapse collapse show">
											<div class="accordion-body border-top border-bottom-0 p-0 mt-3 pt-3">
												<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-2">
													<div class="d-sm-flex align-items-center mb-2">
														<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
															<img src="assets/img/services/service-thumb-03.jpg" alt="img" class="br-10">
														</span>
														<div class="mb-2">
															<h6 class="fs-16 fw-medium">Electrical Repairs</h6>
															<p class="fs-14">Fixing faulty wiring, outlets, switches, and more to ensure.</p>
														</div>
													</div>
													<div class="pb-3">
														<h6 class="fs-16 fw-medium text-primary mb-0">$32.00</h6>
														<p>30 Min</p>
													</div>
												</div>
												<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-2">
													<div class="d-sm-flex align-items-center mb-2">
														<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
															<img src="assets/img/services/service-thumb-06.jpg" alt="img" class="br-10">
														</span>
														<div class="mb-2">
															<h6 class="fs-16 fw-medium">Panel Upgrades</h6>
															<p>Upgrade your electrical panel to handle increased power.</p>
														</div>
													</div>
													<div class="pb-3">
														<h6 class="fs-16 fw-medium text-primary mb-0">$30.00</h6>
														<p>30 Min</p>
													</div>
												</div>
												<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-2">
													<div class="d-sm-flex align-items-center mb-2">
														<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
															<img src="assets/img/services/service-thumb-05.jpg" alt="img" class="br-10">
														</span>
														<div class="mb-2">
															<h6 class="fs-16 fw-medium">Troubleshooting & Diagnostics</h6>
															<p>Identify and resolve electrical issues quickly and effectively.</p>
														</div>
													</div>
													<div class="pb-3">
														<h6 class="fs-16 fw-medium text-primary mb-0">$40.00</h6>
														<p>40 Min</p>
													</div>
												</div>
												<div class="offer-item d-md-flex align-items-center justify-content-between bg-white mb-0">
													<div class="d-sm-flex align-items-center mb-2">
														<span class="avatar avatar-lg flex-shrink-0 me-2 mb-2">
															<img src="assets/img/services/service-thumb-04.jpg" alt="img" class="br-10">
														</span>
														<div class="mb-2">
															<h6 class="fs-16 fw-medium">Lighting Installation & Maintenance</h6>
															<p>Install and maintain energy-efficient lighting solutions</p>
														</div>
													</div>
													<div class="pb-3">
														<h6 class="fs-16 fw-medium text-primary mb-0">$22.00</h6>
														<p>20 Min</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>	
						<div class="card border-0" id="service-includes">
							<div class="card-body">								
								<div class="accordion service-accordion">
									<div class="accordion-item">
										<h2 class="accordion-header">
										  <button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#include" aria-expanded="false">
											Includes
										  </button>
										</h2>
										<div id="include" class="accordion-collapse collapse show">
											<div class="accordion-body border-top border-bottom-0 p-0 mt-3 pt-3">
												<div class="bg-light-200 p-3 pb-2 br-10">
													<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Haircut & Hair Styles</p>
													<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Shampoo & Conditioning</p>
													<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Beard Trim/Shave</p>
													<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Neck Shave</p>
													<p class="d-inline-flex align-items-center mb-2 me-4"><i class="feather-check-circle text-success me-2"></i>Hot Towel Treatment</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>	
						<div class="card border-0" id="service-gallery">
							<div class="card-body">						
								<div class="accordion service-accordion">
									<div class="accordion-item">
										<h2 class="accordion-header">
										  <button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#gallery" aria-expanded="false">
											Gallery
										  </button>
										</h2>
										<div id="gallery" class="accordion-collapse collapse show">
											<div class="accordion-body border-top border-bottom-0 p-0 mt-3 pt-3">
												<div class="gallery-slider owl-carousel nav-center">
													<a href="assets/img/services/service-slider-01.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-01.jpg" alt="img">
													</a>
													<a href="assets/img/services/service-slider-02.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-02.jpg" alt="img">
													</a>
													<a href="assets/img/services/service-slider-03.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-03.jpg" alt="img">
													</a>
													<a href="assets/img/services/service-slider-04.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-04.jpg" alt="img">
													</a>
													<a href="assets/img/services/service-slider-05.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-05.jpg" alt="img">
													</a>
													<a href="assets/img/services/service-slider-06.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-06.jpg" alt="img">
													</a>
													<a href="assets/img/services/service-slider-03.jpg" data-fancybox="gallery" class="gallery-item">
														<img src="assets/img/services/service-thumb-03.jpg" alt="img">
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>								
							</div>
						</div>
						<div class="card border-0" id="service-video">
							<div class="card-body">					
								<div class="accordion service-accordion">
									<div class="accordion-item">
										<h2 class="accordion-header">
											<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#video" aria-expanded="false">
											Video
										</button>
										</h2>
										<div id="video" class="accordion-collapse collapse show">
											<div class="accordion-body border-top border-bottom-0 p-0 mt-3 pt-3">
												<div class="video-wrap">
													<a class="video-btn video-effect" data-fancybox="" href="https://www.youtube.com/watch?v=Vdp6x7Bibtk"><i class="fa-solid fa-play"></i></a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>	
						<div class="card border-0" id="service-faq">
							<div class="card-body">			
								<div class="accordion service-accordion">
									<div class="accordion-item">
										<h2 class="accordion-header">
											<button class="accordion-button p-0" type="button" data-bs-toggle="collapse" data-bs-target="#faq" aria-expanded="false">
												FAQ’s
										</button>
										</h2>
										<div id="faq" class="accordion-collapse collapse show">
											<div class="accordion-body border-top border-bottom-0 p-0 mt-3 pt-3">
												<div class="accordion accordion-customicon1 faq-accordion" id="accordionfaq">
													<div class="accordion-item bg-light-200 mb-3">
														<h2 class="accordion-header">
															<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="false">
																What is included in a Classic Cut?
														</button>
														</h2>
														<div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#accordionfaq">
															<div class="accordion-body border-0 pt-0">
																<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
															</div>
														</div>
													</div>
													<div class="accordion-item bg-light-200 mb-3">
														<h2 class="accordion-header">
															<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false">
																Do you offer services for children?
															</button>
														</h2>
														<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#accordionfaq">
															<div class="accordion-body border-0 pt-0">
																<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
															</div>
														</div>
													</div>
													<div class="accordion-item bg-light-200 mb-3">
														<h2 class="accordion-header">
															<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false">
																What is the difference between a Hot Towel Shave and a regular shave?
															</button>
														</h2>
														<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordionfaq">
															<div class="accordion-body border-0 pt-0">
																<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
															</div>
														</div>
													</div>
													<div class="accordion-item bg-light-200">
														<h2 class="accordion-header">
															<button class="accordion-button bg-light-200 br-10 fs-16 fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" aria-expanded="false">
																Can I get a haircut and beard trim together?
														</button>
														</h2>
														<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#accordionfaq">
															<div class="accordion-body border-0 pt-0">
																<p>The Classic Cut includes a consultation with your barber, a haircut tailored to your style, and final styling with product. It does not include a hair wash or beard trim.</p>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="card border-0">
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between flex-wrap">
									<h4 class="mb-3">Reviews (45)</h4>
									<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-review" class="btn btn-dark btn-sm mb-3">Write a Review</a>
								</div>
								<div class="row align-items-center">
									<div class="col-md-5">
										<div class="rating-item bg-light-500 text-center mb-3">
											<h5 class="mb-3">Customer Reviews & Ratings</h5>
											<div class="d-inline-flex align-items-center justify-content-center">
												<i class="ti ti-star-filled text-warning me-1"></i>
												<i class="ti ti-star-filled text-warning me-1"></i>
												<i class="ti ti-star-filled text-warning me-1"></i>
												<i class="ti ti-star-filled text-warning me-1"></i>
												<i class="ti ti-star-filled text-warning"></i>
											</div>
											<p class="mb-3">(4.9 out of 5.0)</p>
											<p class="text-gray-9">Based On 2,459 Reviews</p>
										</div>
									</div>
									<div class="col-md-7">
										<div class="rating-progress mb-3">
											<div class="d-flex align-items-center mb-2">
												<p class="me-2 text-nowrap mb-0">5 Star Ratings</p>
												<div class="progress w-100" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
													<div class="progress-bar bg-warning" style="width: 90%"></div>
												  </div>
												<p class="progress-count ms-2">2,547</p>
											</div>
											<div class="d-flex align-items-center mb-2">
												<p class="me-2 text-nowrap mb-0">4 Star Ratings</p>
												<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
													<div class="progress-bar bg-warning" style="width: 80%"></div>
												</div>
												<p class="progress-count ms-2">1,245</p>
											</div>
											<div class="d-flex align-items-center mb-2">
												<p class="me-2 text-nowrap mb-0">3 Star Ratings</p>
												<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
													<div class="progress-bar bg-warning" style="width: 70%"></div>
												</div>
												<p class="progress-count ms-2">600</p>
											</div>
											<div class="d-flex align-items-center mb-2">
												<p class="me-2 text-nowrap mb-0">2 Star Ratings</p>
												<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
													<div class="progress-bar bg-warning" style="width: 60%"></div>
												</div>
												<p class="progress-count ms-2">560</p>
											</div>
											<div class="d-flex align-items-center">
												<p class="me-2 text-nowrap mb-0">1 Star Ratings</p>
												<div class="progress mb-0 w-100" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
													<div class="progress-bar bg-warning" style="width: 40%"></div>
												</div>
												<p class="progress-count ms-2">400</p>
											</div>
										</div>
									</div>
								</div>
								<div class="card review-item mb-3">
									<div class="card-body p-3">
										<div class="review-info">
											<div class="d-flex align-items-center justify-content-between flex-wrap">
												<div class="d-flex align-items-center mb-2">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-01.jpg" class="rounded-circle" alt="img">
													</span>
													<div>
														<h6 class="fs-16 fw-medium">Adrian Hendriques</h6>
														<div class="d-flex align-items-center flex-wrap date-info">
															<p class="fs-14 mb-0">2 days ago</p>
															<p class="fs-14 mb-0">Excellent service!</p>
														</div>
													</div>
												</div>
												<span class="badge bg-success d-inline-flex align-items-center mb-2">
													<i class="ti ti-star-filled me-1"></i>5
												</span>
											</div>
											<p class="mb-2">The electricians were prompt, professional, and resolved our issues quickly.did a fantastic job upgrading our electrical panel. Highly recommend them for any electrical work.</p>
											<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
												<div class="d-inline-flex align-items-center">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Like</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center"><i class="ti ti-thumb-down me-2"></i>Dislike</a>
												</div>
												<div class="d-inline-flex align-items-center">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>45</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>21</a>
												</div>
											</div>
										</div>
										<div class="review-info reply mt-2 p-3">
											<div class="d-flex align-items-center justify-content-between flex-wrap">
												<div class="d-flex align-items-center mb-2">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-02.jpg" class="rounded-circle" alt="img">
													</span>
													<div>
														<h6 class="fs-16 fw-medium">Stephen Vance</h6>
														<div class="d-flex align-items-center flex-wrap date-info">
															<p class="fs-14 mb-0">2 days ago</p>
															<p class="fs-14 mb-0">Excellent service!</p>
														</div>
													</div>
												</div>
												<span class="badge bg-success d-inline-flex align-items-center mb-2">
													<i class="ti ti-star-filled me-1"></i>4
												</span>
											</div>
											<p class="mb-2">Thank You!!! For Your Appreciation!!!</p>
											<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
												<div class="d-inline-flex align-items-center flex-wrap">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Like</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center"><i class="ti ti-thumb-down me-2"></i>Dislike</a>
												</div>
												<div class="d-inline-flex align-items-center">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>45</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>20</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="card review-item mb-3">
									<div class="card-body p-3">
										<div class="review-info">
											<div class="d-flex align-items-center justify-content-between flex-wrap">
												<div class="d-flex align-items-center mb-2">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-03.jpg" class="rounded-circle" alt="img">
													</span>
													<div>
														<h6 class="fs-16 fw-medium">Don Rosales</h6>
														<div class="d-flex align-items-center flex-wrap date-info">
															<p class="fs-14 mb-0">2 days ago</p>
															<p class="fs-14 mb-0">Great Service!</p>
														</div>
													</div>
												</div>
												<span class="badge bg-danger d-inline-flex align-items-center mb-2">
													<i class="ti ti-star-filled me-1"></i>1
												</span>
											</div>
											<p class="mb-2">The quality of work was exceptional, and they left the site clean and tidy. I was impressed by their attention to detail and commitment to safety standards. Highly recommend their services!</p>
											<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
												<div class="d-inline-flex align-items-center flex-wrap">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
												</div>
												<div class="d-inline-flex align-items-center">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>15</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>1</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="card review-item mb-3">
									<div class="card-body p-3">
										<div class="review-info">
											<div class="d-flex align-items-center justify-content-between flex-wrap">
												<div class="d-flex align-items-center mb-2">
													<span class="avatar avatar-lg me-2 flex-shrink-0">
														<img src="assets/img/profiles/avatar-04.jpg" class="rounded-circle" alt="img">
													</span>
													<div>
														<h6 class="fs-16 fw-medium">Paul Bronk</h6>
														<div class="d-flex align-items-center flex-wrap date-info">
															<p class="fs-14 mb-0">2 days ago</p>
															<p class="fs-14 mb-0">Reliable and Trustworthy!</p>
														</div>
													</div>
												</div>
												<span class="badge bg-success d-inline-flex align-items-center mb-2">
													<i class="ti ti-star-filled me-1"></i>1
												</span>
											</div>
											<p class="mb-2">The quality of work was exceptional, and they left the site clean and tidy. I was impressed by their attention to detail and commitment to safety standards. Highly recommend their services!</p>
											<div class="d-flex align-items-center justify-content-between flex-wrap like-info">
												<div class="d-inline-flex align-items-center flex-wrap">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>Reply</a>
												</div>
												<div class="d-inline-flex align-items-center">
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-up me-2"></i>10</a>
													<a href="javascript:void(0);" class="d-inline-flex align-items-center me-2"><i class="ti ti-thumb-down me-2"></i>2</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="text-center">
									<a href="javascript:void(0);" class="btn btn-light btn-sm">Load More</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4 theiaStickySidebar">
						<div class="card border-0">
							<div class="card-body">
								<div class="d-flex align-items-center justify-content-between mb-3">
									<h4>Pricing</h4>
									<span class="badge bg-success d-inline-flex align-items-center fw-medium"><i class="ti ti-circle-percentage me-1"></i>50% Offer</span>
								</div>
								<div class="bg-light-500 br-10 p-3 mb-3 text-center">							
									<p class="fs-14 mb-1">Starts From</p>
									<h4><span class="display-6 fw-bold">$457</span><span class="text-decoration-line-through text-default"> $875</span></h4>
								</div>
								<div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
									<h5 class="mb-2">Additional Services</h5>
									<span class="badge badge-info-transparent fw-medium mb-2">2 Additional Service added</span>
								</div>
								<div class="d-flex align-items-center justify-content-between pb-2 mb-2 border-dashed border-bottom">
									<div class="form-check mb-0">
										<input class="form-check-input" type="checkbox" id="product1" checked="">
										<label class="form-check-label text-gray-9 fw-medium" for="product1">
											Home Lighting Design
										</label>
									</div>
									<div class="text-end">
										<h6 class="fs-14 fw-medium">$200</h6>
										<p class="fs-12">10 Mins</p>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between pb-2 mb-2 border-bottom">
									<div class="form-check mb-0">
										<input class="form-check-input" type="checkbox" id="product2" checked="">
										<label class="form-check-label text-gray-9 fw-medium" for="product2">
											Panel Upgrades
										</label>
									</div>
									<div class="text-end">
										<h6 class="fs-14 fw-medium">$100</h6>
										<p class="fs-12">15 Mins</p>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between pb-2 mb-3">
									<div class="form-check mb-0">
										<input class="form-check-input" type="checkbox" id="product3">
										<label class="form-check-label text-gray-9 fw-medium" for="product3">
											Electrical Installations
										</label>
									</div>
									<div class="text-end">
										<h6 class="fs-14 fw-medium">$300</h6>
										<p class="fs-12">50 Mins</p>
									</div>
								</div>
								<div class="d-flex align-items-center justify-content-between p-2 bg-light-200 br-10 mb-3">
									<h4 class="fs-16">Total Amount</h4>
									<h6 class="fs-16">$547</h6>
								</div>
								<a href="booking.html" class="btn btn-lg btn-primary w-100 d-flex align-items-center justify-content-center mb-3"><i class="ti ti-calendar me-2"></i>Book Service</a>
								<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-enquiry" class="btn btn-lg btn-outline-light d-flex align-items-center justify-content-center w-100 mb-3"><i class="ti ti-mail me-2"></i>Send Enquiry</a>
								<div class="text-center">
									<p class="fs-14 d-inline-flex align-items-center"><i class="ti ti-info-circle-filled me-2"></i>Additional service are frequently added</p>
								</div>
							</div>
						</div>
						<div class="card border-0">
							<div class="card-body">
								<h4 class="mb-3">Contact Provider</h4>
								<div class="provider-info bg-light-500 p-3 mb-4">
									<div class="d-flex align-items-center">
										<div class="avatar avatar-xl flex-shrink-0 me-3">
											<img src="assets/img/profiles/avatar-02.jpg" alt="img" class="img-fluid rounded-circle">
											<span class="service-active-dot"><i class="ti ti-check"></i></span>
										</div>
										<div class="overflow-hidden">
											<h5 class="text-truncate mb-1">Thomas Herzberg</h5>
											<p class="fs-14">Member Since 14 Apr 2023</p>
										</div>
									</div>
								</div>
								<div class="row gx-3">
									<div class="col-sm-6">
										<div class="list-item text-center">
											<h6 class="fs-14 fw-medium mb-1">Reviews & Ratings</h6>
											<p class="fs-14"><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9 fw-semibold">4.9 </span>(255 reviews)</p>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="list-item text-center">
											<h6 class="fs-14 fw-medium mb-1">No of Listings</h6>
											<p>274</p>
										</div>
									</div>
								</div>
								<div class="input-group mb-3">
									<input type="text" class="form-control border-end-0" placeholder="Name">
									<span class="input-group-text bg-white"><i class="ti ti-user"></i></span>	
								</div>
								<div class="input-group mb-3">
									<input type="text" class="form-control border-end-0" placeholder="Phone Number">
									<span class="input-group-text bg-white"><i class="ti ti-phone"></i></span>	
								</div>
								<div class="input-group mb-3">
									<input type="text" class="form-control border-end-0" placeholder="Email Address">
									<span class="input-group-text bg-white"><i class="ti ti-mail"></i></span>	
								</div>
								<div class="mb-3">
									<textarea class="form-control" rows="3" placeholder="Write a Message"></textarea>	
								</div>
								<button type="submit" class="btn btn-dark btn-lg w-100">Submit</button>
							</div>
						</div>
						<div class="card border-0">
							<div class="card-body">
								<h4 class="mb-3">Provider Details</h4>
								<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6509170.989457427!2d-123.80081967108484!3d37.192957227641294!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb9fe5f285e3d%3A0x8b5109a227086f55!2sCalifornia%2C%20USA!5e0!3m2!1sen!2sin!4v1669181581381!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="contact-map mb-4"></iframe>
								<div class="mb-2">
									<p class="mb-2"><i class="ti ti-map-pin me-2"></i>Hanover, Maryland</p>
								</div>
								<div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
									<p class="mb-2"><i class="ti ti-mail me-2"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c7b3afa8aaa6b4bfbfbfbf87a2bfa6aab7aba2e9a4a8aa">[email&#160;protected]</a></p>
									<a href="javascript:void(0);" class="link-primary text-decoration-underline mb-2">View Email</a>
								</div>
								<div class="d-flex align-items-center justify-content-between flex-wrap mb-2">
									<p class="mb-2"><i class="ti ti-phone me-2"></i>+1 888 8XX XXXX</p>
									<a href="javascript:void(0);" class="link-primary text-decoration-underline mb-2">View  Phone Number</a>
								</div>
								<div class="border-top pt-3 mb-4">
									<a href="provider-chat.html" class="btn btn-lg btn-dark d-flex align-items-center justify-content-center"><i class="ti ti-message-2 me-2"></i>Chat with Provider</a>
								</div>
								<div class="text-center">
									<h6 class="fs-16 fw-medium mb-2">Social Profiles</h6>
									<div class="social-icon justify-content-center">
										<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/fb.svg" alt="img"></a>
										<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/instagram.svg" alt="img"></a>
										<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/twitter.svg" alt="img"></a>
										<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/whatsapp.svg" alt="img"></a>
										<a href="javascript:void(0);" class="me-2"><img src="assets/img/icons/youtube.svg" alt="img"></a>
										<a href="javascript:void(0);"><img src="assets/img/icons/linkedin.svg" alt="img"></a>
									</div>
								</div>
							</div>
						</div>
						<a href="#" class="fs-14 text-danger mb-0"><i class="ti ti-pennant-filled me-2"></i>Report Provider</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 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-12 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="email" class="form-control" placeholder="Enter Email Address">
									</div>
									<button type="submit" class="btn btn-lg btn-linear-primary 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 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 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 -->

	<!-- Provider Modal -->
	<div class="modal fade" id="provider" tabindex="-1" aria-hidden="true">
		<div class="modal-dialog modal-lg modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-header d-flex align-items-center justify-content-between">
					<h5>Become a Provider</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="wizard-fieldset">
					<div class="modal-body pb-0">
						<ul class="d-flex align-items-center flex-wrap mb-1 border-bottom" id="providerwizard">
							<li class="active d-flex align-items-center me-4 mb-3">
								<span class="avatar avatar-md rounded me-2 border-bottom">1</span>
								<h6 class="fs-16 fw-medium">Choose Category</h6>
							</li>
							<li class="d-flex align-items-center me-4 mb-3">
								<span class="avatar avatar-md rounded me-2">2</span>
								<h6 class="fs-16 fw-medium">Service Location</h6>
							</li>
							<li class="d-flex align-items-center me-4 mb-3">
								<span class="avatar avatar-md rounded me-2">3</span>
								<h6 class="fs-16 fw-medium">Personal Info</h6>
							</li>
							<li class="d-flex align-items-center mb-3">
								<span class="avatar avatar-md rounded me-2">4</span>
								<h6 class="fs-16 fw-medium">Confirmation</h6>
							</li>
						</ul>
					</div>
					<fieldset class="first-field" id="first-field">
						<div class="modal-body pb-1">
							<div class="bg-light-300 p-3 br-10 text-center mb-4">
								<h4>List your service & Get the leads around you</h4>
								<p>List your service & Get the leads around you</p>
							</div>
							<div class="mb-3">
								<label class="form-label">What type of Service do your Provide?</label>
								<select class="select">
									<option>Select Service</option>
									<option>House Cleaning</option>
									<option>Car Wash</option>
								</select>
							</div>
							<div class="mb-2">
								<label class="form-label">Popular Service Categories</label>
								<div class="category-badge">
									<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-01.svg" alt="icon" class="me-2">Construction</span>
									<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-02.svg" alt="icon" class="me-2">Removals</span>
									<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-03.svg" alt="icon" class="me-2">Furniture Assembly</span>
									<span class="badge d-inline-flex align-items-center mb-2 me-2"><img src="assets/img/icons/service-icon-04.svg" alt="icon" class="me-2">Electrical</span>
									<span class="badge d-inline-flex align-items-center mb-2"><img src="assets/img/icons/service-icon-05.svg" alt="icon" class="me-2">Computer Service</span>
								</div>
							</div>
						</div>
						<div class="modal-footer text-end">
							<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Get Started</a>
						</div>
					</fieldset>
					<fieldset class="second-field">
						<div class="modal-body pb-1">
							<div class="bg-light-300 p-3 br-10 text-center mb-4">
								<h4>List your service & Get the leads around you</h4>
								<p>List your service & Get the leads around you</p>
							</div>
							<div class="mb-4">
								<label class="form-label">What type of Service do your Provide?</label>
								<select class="select">
									<option>Select Service</option>
									<option selected="">House Cleaning</option>
									<option>Car Wash</option>
								</select>
							</div>
							<div class="mb-2">
								<label class="form-label">What type of Sub Services do your Provide?</label>
								<div class="form-check ps-0">
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service1" type="checkbox" id="service1" checked="">
										<label class="form-check-label ms-2" for="service1">
											Commercial Property
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service2">
										<label class="form-check-label ms-2" for="service2">
											Empty House Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service3" checked="">
										<label class="form-check-label ms-2" for="service3">
											Glass Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service4">
										<label class="form-check-label ms-2" for="service4">
											Carpet washing
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service5" checked="">
										<label class="form-check-label ms-2" for="service5">
											Sofa Washing
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service6">
										<label class="form-check-label ms-2" for="service6">
											Office Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service7">
										<label class="form-check-label ms-2" for="service7">
											Exterior Glass Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service8">
										<label class="form-check-label ms-2" for="service8">
											Shop Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service9">
										<label class="form-check-label ms-2" for="service9">
											Ironing Service
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="service10">
										<label class="form-check-label ms-2" for="service10">
											Bed Washing
										</label>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer d-flex align-items-center justify-content-between">
							<a href="javascript:void(0);" class="btn btn-light prev_btn"><i class="ti ti-arrow-left me-2"></i>Back</a>
							<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Add Location<i class="ti ti-arrow-right ms-2"></i></a>
						</div>
					</fieldset>
					<fieldset>
						<div class="modal-body pb-1">
							<div class="bg-light-300 p-3 br-10 text-center mb-4">
								<h4>Where would you like to see leads from?</h4>
								<p>Tell us the area you cover so we can show you leads for your location</p>
							</div>
							<div class="mb-3">
								<label class="form-label">City</label>
								<select class="select">
									<option selected="">Rochester</option>
									<option>Wisbech</option>
									<option>Marlow</option>
								</select>
							</div>
							<div class="mb-3">
								<label class="form-label">State</label>
								<select class="select">
									<option selected="">Newyork</option>
									<option>Fenland</option>
									<option>Wycombe</option>
								</select>
							</div>
							<div class="mb-3">
								<label class="form-label">Country</label>
								<select class="select">
									<option selected="">United States</option>
									<option>United Kingdom</option>
								</select>
							</div>
						</div>
						<div class="modal-footer d-flex align-items-center justify-content-between">
							<a href="javascript:void(0);" class="btn btn-light prev_btn"><i class="ti ti-arrow-left me-2"></i>Back</a>
							<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Add Location<i class="ti ti-arrow-right ms-2"></i></a>
						</div>
					</fieldset>
					<fieldset>
						<div class="modal-body pb-1">
							<div class="bg-light-300 p-3 br-10 text-center mb-4">
								<h4>Some details about you</h4>
								<p>You’re just a few steps away from viewing our House Cleaning leads</p>
							</div>
							<div class="row">
								<div class="col-lg-6">
									<div class="mb-3">
										<label class="form-label">Your Name</label>
										<input type="text" class="form-control">
									</div>
								</div>
								<div class="col-lg-6">
									<div class="mb-3">
										<label class="form-label">Company Name</label>
										<input type="text" class="form-control">
									</div>
								</div>
								<div class="col-lg-6">
									<div class="mb-3">
										<label class="form-label">Email</label>
										<input type="email" class="form-control">
									</div>
								</div>
								<div class="col-lg-6">
									<div class="mb-3">
										<label class="form-label">Phone Number</label>
										<input type="text" class="form-control">
									</div>
								</div>
								<div class="col-lg-12">
									<div class="form-check ps-0">
										<label class="form-label d-block">Select Gender</label>
										<div class="form-radio d-inline-flex align-items-center active mb-3 me-3">
											<input class="form-check-input ms-0 mt-0" name="gender" type="radio" id="male" checked="">
											<label class="form-check-label ms-2" for="male">
												Male
											</label>
										</div>
										<div class="form-radio d-inline-flex align-items-center mb-3">
											<input class="form-check-input ms-0 mt-0" name="gender" type="radio" id="female">
											<label class="form-check-label ms-2" for="female">
												Female
											</label>
										</div>
									</div>
									<div class="form-check ps-0">
										<label class="form-label d-block">Does your company have a website?</label>
										<div class="form-radio d-inline-flex align-items-center active mb-3 me-3">
											<input class="form-check-input ms-0 mt-0" name="website" type="radio" id="yes" checked="">
											<label class="form-check-label ms-2" for="yes">
												Yes
											</label>
										</div>
										<div class="form-radio d-inline-flex align-items-center mb-3">
											<input class="form-check-input ms-0 mt-0" name="website" type="radio" id="no">
											<label class="form-check-label ms-2" for="no">
												No
											</label>
										</div>
									</div>
									<div class="form-check ps-0">
										<label class="form-label d-block">Does your company have a website?</label>
										<div class="form-radio d-inline-flex align-items-center active mb-3 me-3">
											<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="self" checked="">
											<label class="form-check-label ms-2" for="self">
												Self-employed
											</label>
										</div>
										<div class="form-radio d-inline-flex align-items-center mb-3 me-3">
											<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="two">
											<label class="form-check-label ms-2" for="two">
												2–10
											</label>
										</div>
										<div class="form-radio d-inline-flex align-items-center mb-3 me-3">
											<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="three">
											<label class="form-check-label ms-2" for="three">
												11–50
											</label>
										</div>
										<div class="form-radio d-inline-flex align-items-center mb-3 me-3">
											<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="four">
											<label class="form-check-label ms-2" for="four">
												51–200
											</label>
										</div>
										<div class="form-radio d-inline-flex align-items-center mb-3">
											<input class="form-check-input ms-0 mt-0" name="emp" type="radio" id="more">
											<label class="form-check-label ms-2" for="more">
												200+
											</label>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer d-flex align-items-center justify-content-between">
							<a href="javascript:void(0);" class="btn btn-light prev_btn"><i class="ti ti-arrow-left me-2"></i>Back</a>
							<a href="javascript:void(0);" class="btn btn-linear-primary next_btn">Submit<i class="ti ti-arrow-right ms-2"></i></a>
						</div>
					</fieldset>
					<fieldset>
						<div class="modal-body pb-1">
							<div class="bg-light-300 p-3 br-10 text-center mb-4">
								<h4>Maximise your leads</h4>
								<p>Add other services you can provide</p>
							</div>
							<div class="mb-3">
								<label class="form-label d-block">What type of Sub Services do your Provide?</label>
								<span class="badge bg-info fs-13 fw-medium">House Cleaning</span>
							</div>
							<div class="mb-2">
								<label class="form-label">What type of Sub Services do your Provide?</label>
								<div class="form-check ps-0">
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service1" type="checkbox" id="services1">
										<label class="form-check-label ms-2" for="services1">
											Commercial Property
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services2">
										<label class="form-check-label ms-2" for="services2">
											Empty House Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services3" checked="">
										<label class="form-check-label ms-2" for="services3">
											Glass Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services4">
										<label class="form-check-label ms-2" for="services4">
											Carpet washing
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center active mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services5" checked="">
										<label class="form-check-label ms-2" for="services5">
											Sofa Washing
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services6">
										<label class="form-check-label ms-2" for="services6">
											Office Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services7">
										<label class="form-check-label ms-2" for="services7">
											Exterior Glass Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services8">
										<label class="form-check-label ms-2" for="services8">
											Shop Cleaning
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services9">
										<label class="form-check-label ms-2" for="services9">
											Ironing Service
										</label>
									</div>
									<div class="form-checkbox d-inline-flex align-items-center mb-2 me-3">
										<input class="form-check-input ms-0 mt-0" name="service" type="checkbox" id="services10">
										<label class="form-check-label ms-2" for="services10">
											Bed Washing
										</label>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer d-flex align-items-center justify-content-end">
							<a href="javascript:void(0);" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#success_modal" class="btn btn-linear-primary">Confirm & Submit</a>
						</div>
					</fieldset>
				</div>
			</div>
		</div>
	</div>
	<!-- /Provider Modal -->

	<!-- Success Modal -->
	<div class="modal fade" id="success_modal" tabindex="-1" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-body text-center">
					<div class="mb-4">
						<span class="success-icon mx-auto mb-4">
							<i class="ti ti-check"></i>
						</span>
						<h4 class="mb-1">Registration Successful</h4>
						<p>You will get a Verification link Via email for the Verify the  Account.</p>
					</div>
					<a href="javascript:void(0);" data-bs-dismiss="modal" class="btn btn-linear-primary">Close</a>
				</div>
			</div>
		</div>
	</div>
	<!-- /Success Modal -->

	<!-- Add Review -->
	<div class="modal fade" id="add-review" 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">
					<h5>Add Review</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="service-details2.html">
					<div class="modal-body">
						<div class="mb-3">
							<label class="form-label">Rate your Review</label>
							<div class="rating-select mb-0">
								<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
								<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
								<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
								<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
								<a href="javascript:void(0);"><i class="fas fa-star"></i></a>
							</div>
						</div>
						<div class="mb-3">
							<label class="form-label">Review Title</label>
							<input type="text" class="form-control">
						</div>
						<div class="mb-3">
							<label class="form-label">Email Address</label>
							<input type="email" class="form-control">
						</div>
						<div class="mb-0">
							<label class="form-label">Write Your Review</label>
							<textarea class="form-control" rows="3"></textarea>
						</div>
					</div>
					<div class="modal-footer d-flex align-items-center justify-content-end">
						<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
						<button type="submit" class="btn btn-primary">Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- /Add Review -->

	<!-- Add Enquiry -->
	<div class="modal fade" id="add-enquiry" 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">
					<h5>Enquiry</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="service-details2.html">
					<div class="modal-body">
						<div class="bg-light-500 p-3 mb-3 br-10">
							<div class="d-flex align-items-center">
								<span class="avatar avatar-xl">
									<img src="assets/img/services/rated-service-02.jpg" alt="img" class="img-fluid br-10">
								</span>
								<div class="ms-2">
									<h6 class="fs-14 fw-medium mb-1">Lighting Services</h6>
									<p><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9">4.9</span>(255 reviews)</p>
								</div>
							</div>
						</div>
						<div class="mb-3">
							<label class="form-label">Name</label>
							<input type="text" class="form-control">
						</div>
						<div class="mb-3">
							<label class="form-label">Email Address</label>
							<input type="email" class="form-control">
						</div>
						<div class="mb-3">
							<label class="form-label">Phone Number</label>
							<input type="text" class="form-control">
						</div>
						<div class="mb-0">
							<label class="form-label">Write us a Message</label>
							<textarea class="form-control" rows="3"></textarea>
						</div>
					</div>
					<div class="modal-footer d-flex align-items-center justify-content-end">
						<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
						<button type="submit" class="btn btn-primary">Submit</button>
					</div>
				</form>				
			</div>
		</div>
	</div>
	<!-- /Add Enquiry -->

	<!-- Add Contact -->
	<div class="modal fade" id="add-contact" 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">
					<h5>Contact Provider</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="service-details2.html">
					<div class="modal-body">
						<div class="bg-light-500 p-3 mb-3 br-10">
							<div class="d-flex align-items-center">
								<span class="avatar avatar-xl">
									<img src="assets/img/profiles/avatar-01.jpg" alt="img" class="img-fluid rounded-circle">
								</span>
								<div class="ms-2">
									<h6 class="fs-14 fw-medium mb-1">Thomas Herzberg</h6>
									<p><i class="ti ti-star-filled text-warning me-2"></i><span class="text-gray-9">4.9</span>(255 reviews)</p>
								</div>
							</div>
						</div>
						<div class="mb-3">
							<label class="form-label">Name</label>
							<input type="text" class="form-control">
						</div>
						<div class="mb-3">
							<label class="form-label">Email Address</label>
							<input type="email" class="form-control">
						</div>
						<div class="mb-3">
							<label class="form-label">Phone Number</label>
							<input type="text" class="form-control">
						</div>
						<div class="mb-0">
							<label class="form-label">Write us a Message</label>
							<textarea class="form-control" rows="3"></textarea>
						</div>
					</div>
					<div class="modal-footer d-flex align-items-center justify-content-end">
						<a href="javascript:void(0);" class="btn btn-light me-2" data-bs-dismiss="modal">Cancel</a>
						<button type="submit" class="btn btn-primary">Submit</button>
					</div>
				</form>				
			</div>
		</div>
	</div>
	<!-- /Add Contact -->					

	<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 data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.7.1.min.js" type="d31cb8fbb2d7784a5a187380-text/javascript"></script>

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

	<!-- Fancybox JS -->
	<script src="assets/plugins/fancybox/jquery.fancybox.min.js" type="d31cb8fbb2d7784a5a187380-text/javascript"></script>

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

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

	<!-- Slick Slider -->
	<script src="assets/plugins/slick/slick.min.js" type="d31cb8fbb2d7784a5a187380-text/javascript"></script>

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

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