<!-- =======================
Main banner START -->
<section class="position-relative py-xl-9" style="background-image:url(assets/images/bg/10.jpg); background-position: center left; background-size: cover;">
	<div class="container z-index-9">
		<div class="row">
			<div class="col-lg-10 m-auto text-center position-relative z-index-9">
				<!-- Form START -->
				<form class="form-control-inline my-5">
					<div class="d-flex flex-wrap justify-content-center align-items-center">
						<!-- Select item -->
						<label class="form-control-inline-text">We are</label>
						<span class="d-inline-block">
							<select class="form-select js-choice">
								<option value="">Select</option>
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								<option>5+</option>
							</select>
						</span>
						<!-- Select item -->
						<label class="form-control-inline-text">People, Looking for</label>
						<span class="d-inline-block">
							<select class="form-select js-choice">
								<option value="">Select</option>
								<option>Apartment</option>
								<option>Villa</option>
								<option>Hotel</option>
								<option>Hostel</option>
							</select>
						</span>

						<!-- Select item -->
						<label class="form-control-inline-text">around</label>
						<span class="d-inline-block">
							<select class="form-select js-choice" data-search-enabled="true">
								<option value="">Select</option>
								<option>California, USA</option>
								<option>New York, USA</option>
								<option>London, UK</option>
							</select>
						</span>

						<!-- Date picker -->
						<label class="form-control-inline-text">,</label>
						<span class="d-inline-block">
							<input type="text" class="form-control flatpickr" data-mode="range" placeholder="From - To">
						</span>

						<!-- Label -->
						<label class="form-control-inline-text">.</label>
					</div>

					<!-- Button -->
					<button class="icon-xxl bg-primary btn-dark-hover rounded-circle btn fs-6 text-white p-0 mt-4" type="submit">Search</button>
				</form>
				<!-- Form END -->
			</div>
		</div> <!-- Row END -->
	</div>
</section>
<!-- =======================
Main banner START -->
									
								

Copy-paste the stylesheet <link> into your <head> to load the CSS.

										
<link rel="stylesheet" type="text/css" href="assets/vendor/flatpickr/css/flatpickr.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/choices/css/choices.min.css">
											

Copy-paste the following <script> near the end of your pages under Vendors to enable it.

										
<script src="assets/vendor/flatpickr/js/flatpickr.min.js"></script>
<script src="assets/vendor/choices/js/choices.min.js"></script>