<div class="bg-gray-02 pt-13 pb-12">
<div class="container container-xxl">
<div class="row">
<div class="col-lg-4 pr-lg-13 mb-6 mb-lg-0">
<h2 class="text-heading lh-1625">Explore <br> by Property Type</h2>
<span class="heading-divider"></span>
<p class="mb-6">Lorem ipsum dolor sit amet, consec tetur cing elit. Suspe ndisse
suscipit</p>
<a href="../../../listing-with-left-sidebar.html"
class="btn btn-lg text-secondary btn-accent">+2300 Available Properties
<i class="far fa-long-arrow-right ml-1"></i></a>
</div>
<div class="col-lg-8">
<div class="slick-slider arrow-haft-inner mx-0"
data-slick-options='{"slidesToShow": 4, "autoplay":true,"dots":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow":3}},{"breakpoint": 768,"settings": {"slidesToShow": 2,"arrows":false,"dots":true,"autoplay":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true,"autoplay":true}}]}'>
<div class="box px-0 py-6">
<a href="../../../listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pt-7 pb-5 px-3 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none">
<img src="../../../images/verified.png" alt="Apartment">
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-0">Apartment</h4>
</div>
</a>
</div>
<div class="box px-0">
<a href="../../../listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pt-7 pb-5 px-3 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none">
<img src="../../../images/sofa.png" alt="House">
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-0">House</h4>
</div>
</a>
</div>
<div class="box px-0">
<a href="../../../listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pt-7 pb-5 px-3 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none">
<img src="../../../images/architecture-and-city.png" alt="Office">
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-0">Office</h4>
</div>
</a>
</div>
<div class="box px-0">
<a href="../../../listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pt-7 pb-5 px-3 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none">
<img src="../../../images/eco-house.png" alt="Villa">
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-0">Villa</h4>
</div>
</a>
</div>
<div class="box px-0">
<a href="../../../listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pt-7 pb-5 px-3 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none">
<img src="../../../images/verified.png" alt="Apartment">
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-0">Apartment</h4>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
