We are
People, Looking for
around
, .

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