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