<!-- Filter Popup -->
<div class="modal fade bd-example-modal-lg" id="filter" tabindex="-1" role="dialog" aria-labelledby="sign-up" aria-hidden="true">
	<div class="modal-dialog modal-lg filter_scroll" role="document">
		<div class="modal-content" id="sign-up">
			<span class="mod-close" data-bs-dismiss="modal" aria-hidden="true"><i class="fa-solid fa-xmark"></i></span>
			<div class="modal-body">
				<div class="filter_modal">
					<div class="filter_modal_inner">
						<div class="filter_modal_flex">
						
							<div class="adv_ft_title"><h5>Advance Filter</h5></div>
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Price</label></div>
								<div class="flt_item_content flcl">
									<div class="rg-slider">
										<input type="text" class="js-range-slider" name="my_range" value="" />
									</div>
								</div>
							</div>
							
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Bedrooms</label></div>
								<div class="flt_item_content">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bd-1" class="switchbtn-checkbox" type="checkbox" value="bd1" name="bd-1">
											<label class="switchbtn-label" for="bd-1">Studio</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bd-2" class="switchbtn-checkbox" type="checkbox" value="bd2" name="bd-2">
											<label class="switchbtn-label" for="bd-2">1</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bd-3" class="switchbtn-checkbox" type="checkbox" value="bd3" name="bd-3">
											<label class="switchbtn-label" for="bd-3">2</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bd-4" class="switchbtn-checkbox" type="checkbox" value="bd4" name="bd-4">
											<label class="switchbtn-label" for="bd-4">3</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bd-5" class="switchbtn-checkbox" type="checkbox" value="bd5" name="bd-5">
											<label class="switchbtn-label" for="bd-5">4+</label>
										</div>
									</div>
								</div>
							</div>
							
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Bathrooms</label></div>
								<div class="flt_item_content">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bt-1" class="switchbtn-checkbox" type="checkbox" value="bt1" name="bt-1">
											<label class="switchbtn-label" for="bt-1">1</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bt-2" class="switchbtn-checkbox" type="checkbox" value="bt2" name="bt-2">
											<label class="switchbtn-label" for="bt-2">2</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bt-3" class="switchbtn-checkbox" type="checkbox" value="bt3" name="bt-3">
											<label class="switchbtn-label" for="bt-3">3</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bt-4" class="switchbtn-checkbox" type="checkbox" value="bt4" name="bt-4">
											<label class="switchbtn-label" for="bt-4">4</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="bt-5" class="switchbtn-checkbox" type="checkbox" value="bt5" name="bt-5">
											<label class="switchbtn-label" for="bt-5">5+</label>
										</div>
									</div>
								</div>
							</div>
							
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Hot Deals</label></div>
								<div class="flt_item_content">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="d-4" class="switchbtn-checkbox" type="checkbox" value="d" name="d-4">
											<label class="switchbtn-label" for="d-4">Hot Deals</label>
										</div>
									</div>
								</div>
							</div>
							
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Pets</label></div>
								<div class="flt_item_content">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="pet-4" class="switchbtn-checkbox" type="checkbox" value="pet" name="pet-4">
											<label class="switchbtn-label" for="pet-4">Pet Friendly</label>
										</div>
									</div>
								</div>
							</div>
					
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Laundry</label></div>
								<div class="flt_item_content">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="ld-1" class="switchbtn-checkbox" type="checkbox" value="ld1" name="ld-1">
											<label class="switchbtn-label" for="ld-1">Washer/Dryer In Unit</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="ld-2" class="switchbtn-checkbox" type="checkbox" value="ld2" name="ld-2">
											<label class="switchbtn-label" for="ld-2">Washer/Dryer Connections</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="ld-3" class="switchbtn-checkbox" type="checkbox" value="ld3" name="ld-3">
											<label class="switchbtn-label" for="ld-3">Laundry Facility</label>
										</div>
									</div>
								</div>
							</div>
					
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Amenities</label></div>
								<div class="flt_item_content align_center">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-1" class="switchbtn-checkbox" type="checkbox" value="am1" name="am-1">
											<label class="switchbtn-label" for="am-1">Air Conditioning</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-2" class="switchbtn-checkbox" type="checkbox" value="am2" name="am-2">
											<label class="switchbtn-label" for="am-2">Senior Living</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-3" class="switchbtn-checkbox" type="checkbox" value="am3" name="am-3">
											<label class="switchbtn-label" for="am-3">Waterfront</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-4" class="switchbtn-checkbox" type="checkbox" value="am4" name="am-4">
											<label class="switchbtn-label" for="am-4">Garage</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-5" class="switchbtn-checkbox" type="checkbox" value="am5" name="am-5">
											<label class="switchbtn-label" for="am-5">Spa & Massage</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-6" class="switchbtn-checkbox" type="checkbox" value="am6" name="am-6">
											<label class="switchbtn-label" for="am-6">Car Parking</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-7" class="switchbtn-checkbox" type="checkbox" value="am7" name="am-7">
											<label class="switchbtn-label" for="am-7">Free WiFi</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-8" class="switchbtn-checkbox" type="checkbox" value="am8" name="am-8">
											<label class="switchbtn-label" for="am-8">Pets Allow</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-9" class="switchbtn-checkbox" type="checkbox" value="am9" name="am-9">
											<label class="switchbtn-label" for="am-9">Internet</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-10" class="switchbtn-checkbox" type="checkbox" value="am10" name="am-10">
											<label class="switchbtn-label" for="am-10">Window Covering</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-11" class="switchbtn-checkbox" type="checkbox" value="am11" name="am-11">
											<label class="switchbtn-label" for="am-11">Alarm</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-12" class="switchbtn-checkbox" type="checkbox" value="am12" name="am-12">
											<label class="switchbtn-label" for="am-12">Gym</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-13" class="switchbtn-checkbox" type="checkbox" value="am13" name="am-13">
											<label class="switchbtn-label" for="am-13">Luxury Community</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-14" class="switchbtn-checkbox" type="checkbox" value="am14" name="am-14">
											<label class="switchbtn-label" for="am-14">Central Heating</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="am-15" class="switchbtn-checkbox" type="checkbox" value="am15" name="am-15">
											<label class="switchbtn-label" for="am-15">Swimming Pool</label>
										</div>
									</div>
								</div>
							</div>
					
							<!-- single item -->
							<div class="flt_single_item">
								<div class="flt_item_lablel"><label>Sort By</label></div>
								<div class="flt_item_content">
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="st-1" class="switchbtn-checkbox" type="checkbox" value="st1" name="st-1">
											<label class="switchbtn-label" for="st-1">Best Match</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="st-2" class="switchbtn-checkbox" type="checkbox" value="st2" name="st-2">
											<label class="switchbtn-label" for="st-2">Price: Low to High</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="st-3" class="switchbtn-checkbox" type="checkbox" value="st3" name="st-3">
											<label class="switchbtn-label" for="st-3">Price: High to Low</label>
										</div>
									</div>
									<div class="switchbtn-wrap">
										<div class="switchbtn">
											<input id="st-4" class="switchbtn-checkbox" type="checkbox" value="st4" name="st-4">
											<label class="switchbtn-label" for="st-4">Top Rated</label>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<div class="elgio_filter">
					<div class="elgio_ft_first">
						<button class="btn btn-dark">
							Reset<span class="reset_counter">10</span>
						</button>
					</div>
					<div class="elgio_ft_last">
						<button class="btn btn-gray mr-2">Cancel</button>
						<button class="btn btn-primary mr-2">See 76 Properties</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Modal -->