<div class="slick-slider mx-0 custom-arrow-spacing-30"
     data-slick-options='{"slidesToShow": 1,"dots":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow":1,"arrows":false}},{"breakpoint": 768,"settings": {"slidesToShow": 1,"arrows":false,"dots":true,"autoplay":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true}}]}'>
	<div class="box px-0">
		<div class="media d-flex flex-column flex-lg-row align-items-lg-center py-lg-8 position-relative cusstom-bg-slider-gray no-gutters">
			<div class="mr-lg-10 card border-0 col-lg-6">
				<img src="../../../images/properties-slider-01.jpg" class="card-img"
				     alt="Villa in Coral Gables">
				<div class="card-img-overlay p-2">
					<span class="badge badge-orange mr-2">Featured</span>
					<span class="badge badge-primary">For Sale</span>
				</div>
			</div>
			<div class="media-body mt-3 mt-lg-0 pr-lg-9">
				<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-26 lh-2 text-dark hover-primary">Villa in Coral
					Gables</a></h2>
				<p class="mb-2 fs-16 font-weight-500 text-gray-light lh-1">Stourbridge, West Midlands, DY9
					9TA</p>
				<p class="mb-2 ml-0 pr-lg-3">Lorem ipsum dolor sit amet, consec tetur cing elit. Suspeor sit
					amet, cons ndisse suscorem ipsum dolor sit.</p>
				<ul class="row list-inline mb-0 py-3">
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="3 Bedrooms">
							<svg class="icon icon-bedroom fs-24 text-primary mr-2">
								<use xlink:href="#icon-bedroom"></use>
							</svg>
							3 Bedrooms
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="3 Bathrooms">
							<svg class="icon icon-shower fs-24 text-primary mr-2">
								<use xlink:href="#icon-shower"></use>
							</svg>
							3 Bathrooms
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="Size">
							<svg class="icon icon-square fs-24 text-primary mr-2">
								<use xlink:href="#icon-square"></use>
							</svg>
							2300 Sq.Ft
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="1 Garage">
							<svg class="icon icon-Garage fs-24 text-primary mr-2">
								<use xlink:href="#icon-Garage"></use>
							</svg>
							1 Garage
						</p>
					</li>
				</ul>
				<div class="d-flex justify-content-between pt-5 border-top">
					<p class="fs-20 font-weight-bold text-heading mb-1">$1.250.000</p>
					<ul class="list-inline mb-0 d-flex justify-content-end align-items-end h-100 hover-image mr-n5">
						<li class="list-inline-item mr-5" data-toggle="tooltip" title="Wishlist">
							<a href="#" class="text-body fs-20 hover-primary">
								<i class="far fa-heart"></i>
							</a>
						</li>
						<li class="list-inline-item mr-5" data-toggle="tooltip" title="Compare">
							<a href="#" class="text-body fs-20 hover-primary">
								<i class="fas fa-exchange-alt"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="box px-0">
		<div class="media d-flex flex-column flex-lg-row align-items-lg-center py-lg-8 position-relative cusstom-bg-slider-gray no-gutters">
			<div class="mr-lg-10 card border-0 col-lg-6">
				<img src="../../../images/properties-slider-02.jpg" class="card-img"
				     alt="Home in Metric Way">
				<div class="card-img-overlay p-2">
					<span class="badge badge-orange mr-2">Featured</span>
					<span class="badge badge-primary">For Sale</span>
				</div>
			</div>
			<div class="media-body mt-3 mt-lg-0 pr-lg-9">
				<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-26 lh-2 text-dark hover-primary">Home in Metric Way</a>
				</h2>
				<p class="mb-2 fs-16 font-weight-500 text-gray-light lh-1">Stourbridge, West Midlands, DY9
					9TA</p>
				<p class="mb-2 ml-0 pr-lg-3">Lorem ipsum dolor sit amet, consec tetur cing elit. Suspeor sit
					amet, cons ndisse suscorem ipsum dolor sit.</p>
				<ul class="row list-inline mb-0 py-3">
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="3 Bedrooms">
							<svg class="icon icon-bedroom fs-24 text-primary mr-2">
								<use xlink:href="#icon-bedroom"></use>
							</svg>
							3 Bedrooms
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="3 Bathrooms">
							<svg class="icon icon-shower fs-24 text-primary mr-2">
								<use xlink:href="#icon-shower"></use>
							</svg>
							3 Bathrooms
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="Size">
							<svg class="icon icon-square fs-24 text-primary mr-2">
								<use xlink:href="#icon-square"></use>
							</svg>
							2300 Sq.Ft
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="1 Garage">
							<svg class="icon icon-Garage fs-24 text-primary mr-2">
								<use xlink:href="#icon-Garage"></use>
							</svg>
							1 Garage
						</p>
					</li>
				</ul>
				<div class="d-flex justify-content-between pt-5 border-top">
					<p class="fs-20 font-weight-bold text-heading mb-1">$1.250.000</p>
					<ul class="list-inline mb-0 d-flex justify-content-end align-items-end h-100 hover-image mr-n5">
						<li class="list-inline-item mr-5" data-toggle="tooltip" title="Wishlist">
							<a href="#" class="text-body fs-20 hover-primary">
								<i class="far fa-heart"></i>
							</a>
						</li>
						<li class="list-inline-item mr-5" data-toggle="tooltip" title="Compare">
							<a href="#" class="text-body fs-20 hover-primary">
								<i class="fas fa-exchange-alt"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="box px-0">
		<div class="media d-flex flex-column flex-lg-row align-items-lg-center py-lg-8 position-relative cusstom-bg-slider-gray no-gutters">
			<div class="mr-lg-10 card border-0 col-lg-6">
				<img src="../../../images/properties-slider-03.jpg" class="card-img"
				     alt="Affordable Urban House">
				<div class="card-img-overlay p-2">
					<span class="badge badge-orange mr-2">Featured</span>
					<span class="badge badge-primary">For Sale</span>
				</div>
			</div>
			<div class="media-body mt-3 mt-lg-0 pr-lg-9">
				<h2 class="my-0"><a href="../../../single-property-1.html" class="fs-26 lh-2 text-dark hover-primary">Affordable Urban
					House</a></h2>
				<p class="mb-2 fs-16 font-weight-500 text-gray-light lh-1">Stourbridge, West Midlands, DY9
					9TA</p>
				<p class="mb-2 ml-0 pr-lg-3">Lorem ipsum dolor sit amet, consec tetur cing elit. Suspeor sit
					amet, cons ndisse suscorem ipsum dolor sit.</p>
				<ul class="row list-inline mb-0 py-3">
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="3 Bedrooms">
							<svg class="icon icon-bedroom fs-24 text-primary mr-2">
								<use xlink:href="#icon-bedroom"></use>
							</svg>
							3 Bedrooms
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="3 Bathrooms">
							<svg class="icon icon-shower fs-24 text-primary mr-2">
								<use xlink:href="#icon-shower"></use>
							</svg>
							3 Bathrooms
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="Size">
							<svg class="icon icon-square fs-24 text-primary mr-2">
								<use xlink:href="#icon-square"></use>
							</svg>
							2300 Sq.Ft
						</p>
					</li>
					<li class="col-sm-6">
						<p class="mb-0 text-gray font-weight-500 fs-13 mb-3 d-inline-block" data-toggle="tooltip" title="1 Garage">
							<svg class="icon icon-Garage fs-24 text-primary mr-2">
								<use xlink:href="#icon-Garage"></use>
							</svg>
							1 Garage
						</p>
					</li>
				</ul>
				<div class="d-flex justify-content-between pt-5 border-top">
					<p class="fs-20 font-weight-bold text-heading mb-1">$1.250.000</p>
					<ul class="list-inline mb-0 d-flex justify-content-end align-items-end h-100 hover-image mr-n5">
						<li class="list-inline-item mr-5" data-toggle="tooltip" title="Wishlist">
							<a href="#" class="text-body fs-20 hover-primary">
								<i class="far fa-heart"></i>
							</a>
						</li>
						<li class="list-inline-item mr-5" data-toggle="tooltip" title="Compare">
							<a href="#" class="text-body fs-20 hover-primary">
								<i class="fas fa-exchange-alt"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>