Untitled
unknown
plain_text
2 years ago
147 kB
0
Indexable
Never
<main class="page-wrapper">
<header role="navigation" class="fixed-top navbar navbar-expand-lg navbar-light bg-light">
<div class="container"> <a class="me-3 me-xl-4 navbar-brand" href="/real-estate">
<span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;">
<img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27116%27%20height=%2732%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"/>
</span>
<img alt="Finder" srcset="/images/logo/logo-dark.svg 1x, /images/logo/logo-dark.svg 2x" src="/images/logo/logo-dark.svg" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;"/>
</span>
</a> <button aria-controls="navbarNav" type="button" aria-label="Toggle navigation" class="ms-auto navbar-toggler collapsed">
<span class="navbar-toggler-icon"></span>
</button> <button type="button" class="btn btn-sm text-primary d-none d-lg-block order-lg-3">
<i class="fi-user me-2">
</i>
Sign in</button> <a role="button" tabindex="0" class="order-lg-3 ms-2 btn btn-primary btn-sm" href="/real-estate/add-property">
<i class="fi-plus me-2">
</i>
Add <span class="d-none d-sm-inline">property</span>
</a>
<div class="order-md-2 navbar-collapse collapse" id="navbarNav">
<div class="navbar-nav navbar-nav-scroll" style="max-height: 35rem;">
<div class="me-lg-2 nav-item dropdown"><a id="react-aria-14" aria-expanded="false" role="button" class="align-items-center pe-lg-4 dropdown-toggle nav-link" tabindex="0" href="#">
<i class="fi-layers me-2">
</i>
Demos
<span class="d-none d-lg-block position-absolute top-50 end-0 translate-middle-y border-end" style="width: 1px; height: 30px;">
</span>
</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-14"><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate">
<i class="fi-building fs-base opacity-50 me-2">
</i>Real Estate Demo
</a>
<hr class="dropdown-divider" role="separator" /> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/car-finder">
<i class="fi-car fs-base opacity-50 me-2">
</i>Car Finder Demo</a>
<hr class="dropdown-divider" role="separator"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/job-board">
<i class="fi-briefcase fs-base opacity-50 me-2">
</i>
Job Board Demo
</a>
<hr class="dropdown-divider" role="separator"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/city-guide">
<i class="fi-map-pin fs-base opacity-50 me-2">
</i>City Guide Demo</a>
<hr class="dropdown-divider" role="separator"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/">
<i class="fi-home fs-base opacity-50 me-2">
</i>Main Page</a><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/components/typography">
<i class="fi-list fs-base opacity-50 me-2">
</i>Components</a><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/docs">
<i class="fi-file fs-base opacity-50 me-2">
</i>Documentation
</a> </div>
</div>
<div class="nav-item dropdown"><a id="react-aria-15" aria-expanded="false" role="button" class="dropdown-toggle nav-link" tabindex="0" href="#">
Home
</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-15"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate">Homepage v.1</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/index-2">Homepage v.2</a> </div>
</div>
<div class="nav-item dropdown"><a id="react-aria-16" aria-expanded="false" role="button" class="dropdown-toggle nav-link active" tabindex="0" href="#">Catalog</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-16"><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/catalog?category=rent">Property for Rent
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/catalog?category=sale">Property for Sale</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/single-v1">Single Property v.1</a><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/single-v2">Single Property v.2
</a> </div>
</div>
<div class="nav-item dropdown"><a id="react-aria-17" aria-expanded="false" role="button" class="dropdown-toggle nav-link" tabindex="0" href="#">Account</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-17"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/account-info">Personal Info
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/account-security">Password & Security
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/account-properties">
My Properties
</a><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/account-wishlist">Wishlist
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/account-reviews">Reviews
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/account-notifications">Notifications
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/signin-light">Sign In
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/signup-light">
Sign Up
</a> </div>
</div>
<div class="nav-item dropdown"> <a id="react-aria-18" aria-expanded="false" role="button" class="dropdown-toggle nav-link" tabindex="0" href="#">
Vendor
</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-18"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/add-property">
Add Property
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/property-promotion">Property Promotion
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/vendor-properties">Vendor Page: Properties</a><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/vendor-reviews">
Vendor Page: Reviews
</a> </div>
</div>
<div class="nav-item dropdown"><a id="react-aria-19" aria-expanded="false" role="button" class="dropdown-toggle nav-link" tabindex="0" href="#">
Pages
</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-19"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/about">
About
</a>
<div class="dropdown"><a id="react-aria-20" aria-expanded="false" data-rr-ui-dropdown-item="" class="dropdown-toggle dropdown-item" role="button" tabindex="0" href="#">
Blog
</a>
<div data-bs-popper="static" class="dropdown-menu" aria-labelledby="react-aria-20"> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/blog">Blog Grid</a><a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/blog-single">
Single Post
</a> </div>
</div> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/contacts">
Contacts
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/help-center">
Help Center
</a> <a data-rr-ui-dropdown-item="" class="dropdown-item" href="/real-estate/404-not-found">
404 Not Found
</a> </div>
</div>
<div class="d-lg-none nav-item"><a role="button" class="nav-link" tabindex="0" href="#">
<i class="fi-user me-2">
</i>
Sign in
</a> </div>
</div>
</div>
</div>
</header>
<div class="mt-5 pt-5 p-0 container-fluid">
<div class="g-0 mt-n3 row">
<aside class="border-top-lg border-end-lg shadow-sm px-3 px-xl-4 px-xxl-5 pt-lg-2 col-xl-3 col-lg-4">
<div class="offcanvas-lg offcanvas-start">
<div class="offcanvas-header">
<h5 class="offcanvas-title"> Filters </h5> <button type="button" class="btn-close" aria-label="Close">
</button> </div>
<div class="d-block border-bottom pt-0 pt-lg-4 px-lg-0 offcanvas-header">
<div class="mb-0 nav nav-tabs">
<div class="nav-item"> <a data-rr-ui-event-key="/real-estate/catalog?category=rent" class="nav-link active" href="/real-estate/catalog?category=rent">
<i class="fi-rent fs-base me-2">
</i>
For rent
</a> </div>
<div class="nav-item"> <a data-rr-ui-event-key="/real-estate/catalog?category=sale" class="nav-link" href="/real-estate/catalog?category=sale">
<i class="fi-home fs-base me-2">
</i>
For sale
</a> </div>
</div>
</div>
<div class="py-lg-4 offcanvas-body">
<div class="pb-4 mb-2">
<h3 class="h6"> Location </h3> <select class="mb-2 form-select">
<option value="default" disabled="">
Choose city
</option>
<option value="Chicago">
Chicago
</option>
<option value="Dallas">
Dallas
</option>
<option value="Los Angeles">
Los Angeles
</option>
<option value="New York" selected="">
New York
</option>
<option value="San Diego">
San Diego
</option>
</select> <select class="form-select">
<option value="default" disabled="" selected="">
Choose district
</option>
<option value="Brooklyn">
Brooklyn
</option>
<option value="Manhattan">
Manhattan
</option>
<option value="Staten Island">Staten Island</option>
<option value="The Bronx">
The Bronx
</option>
<option value="Queens">
Queens
</option>
</select> </div>
<div class="pb-4 mb-2">
<h3 class="h6"> Property type </h3>
<div data-simplebar="init" class="simplebar-no-autohide" style="max-height: 11rem;">
<div class="simplebar-wrapper" style="margin: 0px;">
<div class="simplebar-height-auto-observer-wrapper">
<div class="simplebar-height-auto-observer"> </div>
</div>
<div class="simplebar-mask">
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
<div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden scroll;">
<div class="simplebar-content" style="padding: 0px;">
<div class="form-check"> <input type="checkbox" id="type-0" class="form-check-input" value="House"> <label title="" for="type-0" class="form-check-label">
<span class="fs-sm">
House
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-1" class="form-check-input" value="Apartment" checked=""> <label title="" for="type-1" class="form-check-label">
<span class="fs-sm">
Apartment
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-2" class="form-check-input" value="Room" /> <label title="" for="type-2" class="form-check-label">
<span class="fs-sm">
Room
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-3" class="form-check-input" value="Office"> <label title="" for="type-3" class="form-check-label">
<span class="fs-sm">Office</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-4" class="form-check-input" value="Commercial" /> <label title="" for="type-4" class="form-check-label">
<span class="fs-sm">
Commercial
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-5" class="form-check-input" value="Land"><label title="" for="type-5" class="form-check-label">
<span class="fs-sm">
Land
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-6" class="form-check-input" value="Daily rental"> <label title="" for="type-6" class="form-check-label">
<span class="fs-sm">
Daily rental
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-7" class="form-check-input" value="New building"> <label title="" for="type-7" class="form-check-label">
<span class="fs-sm">
New building
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="type-8" class="form-check-input" value="Parking lot"> <label title="" for="type-8" class="form-check-label">
<span class="fs-sm">
Parking lot
</span>
</label> </div>
</div>
</div>
</div>
</div>
<div class="simplebar-placeholder" style="width: auto; height: 270px;"> </div>
</div>
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
<div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"> </div>
</div>
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
<div class="simplebar-scrollbar simplebar-visible" style="height: 114px; transform: translate3d(0px, 0px, 0px); display: block;"> </div>
</div>
</div>
</div>
<div class="pb-4 mb-2">
<h3 class="h6"> Price per month </h3>
<div class="range-slider" style="position: relative;">
<div class="range-slider-track range-slider-track-0" style="position: absolute; left: 0px; right: 216.938px;"> </div>
<div class="range-slider-track range-slider-track-1" style="position: absolute; left: 50.0625px; right: 111.25px;"> </div>
<div class="range-slider-track range-slider-track-2" style="position: absolute; left: 155.75px; right: 0px;"> </div>
<div class="range-slider-handle range-slider-handle-0 " tabindex="0" role="slider" aria-orientation="horizontal" aria-valuenow="1100" aria-valuemin="200" aria-valuemax="5000" aria-label="Lower handle" aria-valuetext="Handle value 1100" style="position: absolute; touch-action: none; z-index: 1; left: 50.0625px;">
<div class="range-slider-tooltip"> $ 1100 </div>
</div>
<div class="range-slider-handle range-slider-handle-1 " tabindex="0" role="slider" aria-orientation="horizontal" aria-valuenow="3000" aria-valuemin="200" aria-valuemax="5000" aria-label="Upper handle" aria-valuetext="Handle value 3000" style="position: absolute; touch-action: none; z-index: 2; left: 155.75px;">
<div class="range-slider-tooltip"> $ 3000 </div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="w-100 pe-2">
<div class="input-group"> <span class="fs-base input-group-text">
$
</span> <input name="minPrice" class="form-control" value="1100"> </div>
</div>
<div class="text-muted"> — </div>
<div class="w-100 ps-2">
<div class="input-group"> <span class="fs-base input-group-text">
$
</span> <input name="maxPrice" class="form-control" value="3000" /> </div>
</div>
</div>
</div>
<div class="pb-4 mb-2">
<h3 class="h6 pt-1">Beds & baths</h3><label class="d-block fs-sm mb-1">
Bedrooms
</label>
<div role="group" class="btn-group btn-group-sm"> <input class="btn-check" name="bedrooms" type="radio" autocomplete="off" id="bedrooms-0" value="studio" /> <label tabindex="0" for="bedrooms-0" class="btn btn-outline-secondary fw-normal">
</label> <input class="btn-check" name="bedrooms" type="radio" autocomplete="off" id="bedrooms-1" value="1"> <label tabindex="0" for="bedrooms-1" class="btn btn-outline-secondary fw-normal">
1
</label> <input class="btn-check" name="bedrooms" type="radio" autocomplete="off" id="bedrooms-2" value="2"> <label tabindex="0" for="bedrooms-2" class="btn btn-outline-secondary fw-normal">
2
</label> <input class="btn-check" name="bedrooms" type="radio" autocomplete="off" id="bedrooms-3" value="3"> <label tabindex="0" for="bedrooms-3" class="btn btn-outline-secondary fw-normal">
3
</label> <input class="btn-check" name="bedrooms" type="radio" autocomplete="off" id="bedrooms-4" value="4+"> <label tabindex="0" for="bedrooms-4" class="btn btn-outline-secondary fw-normal">
4+
</label> </div> <label class="d-block fs-sm pt-2 my-1">
Bathrooms
</label>
<div role="group" class="btn-group btn-group-sm"><input class="btn-check" name="bathrooms" type="radio" autocomplete="off" id="bathrooms-0" value="1"> <label tabindex="0" for="bathrooms-0" class="btn btn-outline-secondary fw-normal">
1
</label> <input class="btn-check" name="bathrooms" type="radio" autocomplete="off" id="bathrooms-1" value="2"> <label tabindex="0" for="bathrooms-1" class="btn btn-outline-secondary fw-normal">
2
</label> <input class="btn-check" name="bathrooms" type="radio" autocomplete="off" id="bathrooms-2" value="3"><label tabindex="0" for="bathrooms-2" class="btn btn-outline-secondary fw-normal">
3
</label> <input class="btn-check" name="bathrooms" type="radio" autocomplete="off" id="bathrooms-3" value="4"><label tabindex="0" for="bathrooms-3" class="btn btn-outline-secondary fw-normal">
4
</label> </div>
</div>
<div class="pb-4 mb-2">
<h3 class="h6 pt-1"> Square metres </h3>
<div class="d-flex align-items-center"> <input min="20" max="500" step="10" placeholder="Min" type="number" class="w-100 form-control" />
<div class="mx-2"> — </div> <input min="20" max="500" step="10" placeholder="Max" type="number" class="w-100 form-control" /> </div>
</div>
<div class="pb-4 mb-2">
<h3 class="h6"> Amenities </h3>
<div data-simplebar="init" class="simplebar-no-autohide" style="max-height: 11rem;">
<div class="simplebar-wrapper" style="margin: 0px;">
<div class="simplebar-height-auto-observer-wrapper">
<div class="simplebar-height-auto-observer"> </div>
</div>
</div>
<div class="simplebar-mask">
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
<div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden scroll;">
<div class="simplebar-content" style="padding: 0px;">
<div class="form-check"> <input type="checkbox" id="amenity-0" class="form-check-input" value="Air conditioning" checked="" /> <label title="" for="amenity-0" class="form-check-label">
<span class="fs-sm">
Air conditioning
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-1" class="form-check-input" value="Balcony" /> <label title="" for="amenity-1" class="form-check-label">
<span class="fs-sm">
Balcony
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-2" class="form-check-input" value="Garage" checked="" /> <label title="" for="amenity-2" class="form-check-label">
<span class="fs-sm">
Garage
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-3" class="form-check-input" value="Gym" /> <label title="" for="amenity-3" class="form-check-label">
<span class="fs-sm">
Gym
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-4" class="form-check-input" value="Parking" /> <label title="" for="amenity-4" class="form-check-label">
<span class="fs-sm">
Parking
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-5" class="form-check-input" value="Pool" /> <label title="" for="amenity-5" class="form-check-label">
<span class="fs-sm">
Pool
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-6" class="form-check-input" value="Security cameras" /> <label title="" for="amenity-6" class="form-check-label">
<span class="fs-sm">
Security cameras
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-7" class="form-check-input" value="WiFi" checked="" /> <label title="" for="amenity-7" class="form-check-label">
<span class="fs-sm">
WiFi
</span>
</label> </div>
<div class="form-check"> <input type="checkbox" id="amenity-8" class="form-check-input" value="Laundry"><label title="" for="amenity-8" class="form-check-label" /> <span class="fs-sm">
Laundry
</span> </label>
</div>
<div class="form-check"> <input type="checkbox" id="amenity-9" class="form-check-input" value="Dishwasher" /> <label title="" for="amenity-9" class="form-check-label"><span class="fs-sm">
Dishwasher
</span>
</label> </div>
</div>
</div>
</div>
</div>
<div class="simplebar-placeholder" style="width: auto; height: 300px;"> </div>
</div>
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
<div class="simplebar-scrollbar simplebar-visible" style="width: 0px; display: none;"> </div>
</div>
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
<div class="simplebar-scrollbar simplebar-visible" style="height: 103px; transform: translate3d(0px, 0px, 0px); display: block;"> </div>
</div>
</div>
</div>
<div class="pb-4 mb-2">
<h3 class="h6"> Pets </h3>
<div class="form-check"> <input type="checkbox" id="pets-0" class="form-check-input" value="Cats allowed"><label title="" for="pets-0" class="form-check-label" /> <span class="fs-sm">
Cats allowed
</span> </label>
</div>
<div class="form-check"> <input type="checkbox" id="pets-1" class="form-check-input" value="Dogs allowed"> <label title="" for="pets-1" class="form-check-label">
<span class="fs-sm">
Dogs allowed
</span>
</label> </div>
</div>
<div class="pb-4 mb-2">
<h3 class="h6"> Additional options </h3>
<div class="form-check"> <input type="checkbox" id="options-0" class="form-check-input" value="Verified"><label title="" for="options-0" class="form-check-label" /> <span class="fs-sm">
Verified
</span> </label>
</div>
<div class="form-check"> <input type="checkbox" id="options-1" class="form-check-input" value="Featured" /> <label title="" for="options-1" class="form-check-label">
<span class="fs-sm">
Featured
</span>
</label> </div>
</div>
<div class="border-top py-4"> <button type="button" class="btn btn-outline-primary">
<i class="fi-rotate-right me-2">
</i>
Reset filters
</button> </div>
</div>
</div>
</aside>
<div class="position-relative overflow-hidden pb-5 pt-4 px-3 px-xl-4 px-xxl-5 col-xl-9 col-lg-8">
<div class="map-popup"> <button type="button" class="btn btn-light btn-icon shadow-sm rounded-circle btn-sm">
<i class="fi-x fs-xs">
</i>
</button>
<div class="leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0">
<div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(-113px, -497px, 0px);">
<div class="leaflet-pane leaflet-tile-pane">
<div class="leaflet-layer " style="z-index: 1; opacity: 1;">
<div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 18; transform: translate3d(0px, 0px, 0px) scale(1);"> <img alt="" src="https://api.maptiler.com/maps/pastel/14/4824/6160.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(350px, 674px, 0px); opacity: 1;" /> <img alt="" src="https://api.maptiler.com/maps/pastel/14/4824/6159.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(350px, 162px, 0px); opacity: 1;" /> <img alt="" src="https://api.maptiler.com/maps/pastel/14/4823/6160.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(-162px, 674px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4825/6160.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(862px, 674px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4824/6161.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(350px, 1186px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4823/6159.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(-162px, 162px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4825/6159.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(862px, 162px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4823/6161.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(-162px, 1186px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4825/6161.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(862px, 1186px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4824/6158.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(350px, -350px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4824/6162.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(350px, 1698px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4823/6158.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(-162px, -350px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4825/6158.png?
key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(862px, -350px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4823/6162.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(-162px, 1698px, 0px); opacity: 1;"><img alt="" src="https://api.maptiler.com/maps/pastel/14/4825/6162.png?key=BO4zZpr0fIIoydRTOLSx" class="leaflet-tile leaflet-tile-loaded" style="width: 512px; height: 512px; transform: translate3d(862px, 1698px, 0px); opacity: 1;"></div>
</div>
</div>
<div class="leaflet-pane leaflet-overlay-pane"></div>
<div class="leaflet-pane leaflet-shadow-pane"></div>
<div class="leaflet-pane leaflet-marker-pane"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(534px, 488px, 0px); z-index: 488;"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(488px, 411px, 0px); z-index: 411;"> <img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(674px, 396px, 0px); z-index: 396;"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(441px, 562px, 0px); z-index: 562;"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(441px, 245px, 0px); z-index: 245;"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(534px, 236px, 0px); z-index: 236;"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(581px, 291px, 0px); z-index: 291;"><img src="/images/map/marker-icon.png" class="leaflet-marker-icon custom-marker-dot leaflet-zoom-animated leaflet-interactive" alt="Marker" tabindex="0" role="button" style="margin-left: -12px; margin-top: -39px; transform: translate3d(418px, 365px, 0px); z-index: 365;"></div>
<div class="leaflet-pane leaflet-tooltip-pane"></div>
<div class="leaflet-pane leaflet-popup-pane"></div>
<div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(2.47005e+06px, 3.1541e+06px, 0px) scale(16384);"> </div>
</div>
<div class="leaflet-control-container">
<div class="leaflet-top leaflet-left">
<div class="leaflet-control-zoom leaflet-bar leaflet-control"> <a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in" aria-disabled="false"><span aria-hidden="true">+</span></a><a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out" aria-disabled="false"><span aria-hidden="true">−</span></a></div>
</div>
<div class="leaflet-top leaflet-right"></div>
<div class="leaflet-bottom leaflet-left"></div>
<div class="leaflet-bottom leaflet-right">
<div class="leaflet-control-attribution leaflet-control"><a href="https://leafletjs.com" title="A JavaScript library for interactive maps"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" class="leaflet-attribution-flag"><path fill="#4C7BE1" d="M0 0h12v4H0z"></path><path fill="#FFD500" d="M0 4h12v3H0z"></path><path fill="#E0BC00" d="M0 7h12v1H0z"></path></svg> Leaflet</a> <span aria-hidden="true">|</span> <a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a></div>
</div>
</div>
</div>
</div>
<nav aria-label="breadcrumb" class="mb-3 pt-md-2">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/real-estate">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Property for rent</li>
</ol>
</nav>
<div class="d-sm-flex align-items-center justify-content-between pb-3 pb-sm-4">
<h1 class="h2 mb-sm-0">Property for rent</h1><a href="#" class="d-inline-block fw-bold text-decoration-none py-1"><i class="fi-map me-2"></i>Map view</a></div>
<div class="d-flex flex-sm-row flex-column align-items-sm-center align-items-stretch my-2">
<div class="d-flex align-items-center flex-shrink-0"><label class="text-body fs-sm me-2 mb-0 pe-1 text-nowrap form-label" for="sortby"><i class="fi-arrows-sort text-muted mt-n1 me-2">
</i>Sort by:</label><select class="form-select form-select-sm" id="sortby"><option value="Newest">Newest</option><option value="Popularity">Popularity</option><option value="Low - Hight Price">Low - Hight Price</option><option value="High - Low Price">High - Low Price</option></select></div>
<hr class="d-none d-sm-block w-100 mx-4">
<div class="d-none d-sm-flex align-items-center flex-shrink-0 text-muted"><i class="fi-check-circle me-2"></i><span class="fs-sm mt-n1">148 results</span></div>
</div>
<div class="g-4 py-4 row row-cols-xl-3 row-cols-sm-2 row-cols-1">
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.
1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F06.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-success mb-1">Verified</span><span class="d-table badge bg-info mb-1">New</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"> <a class="nav-link stretched-link" href="/real-estate/single-v1">3-bed Apartment | 67 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">3811 Ditmars Blvd Astoria, NY 11105</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$1,650</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">3<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i>
</span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;">
</span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75 2x"><noscript></noscript> </span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75 2x"><noscript></noscript> </span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span> <img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F07.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-info mb-1">New</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Pine Apartments | 56 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">7865 Ditmars Blvd Astoria, NY 11105</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$2,000</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">4<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i>
</span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span> <img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span> <img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"> <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F08.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"> </div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-info mb-1">New</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Greenpoint Rentals | 85 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted"> 1510 Castle Hill Ave Bronx, NY 10462</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$1,350</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">0<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"> <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F09.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-success mb-1">Verified</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Terra Nova Apartments | 85 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">21 India St Brooklyn, NY 11222</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$2,400</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">5<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i>
</span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"> <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;">
</span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;">
<img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F10.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-success mb-1">Verified</span><span class="d-table badge bg-danger mb-1">Featured</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle">
<i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">O’Farrell Rooms | 40 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">460 E Fordham Rd Bronx, NY 10458</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">From $550</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">
2<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">0<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;">
</span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75 2x"><noscript>
</noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F11.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-info mb-1">New</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Studio | 32 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">140-60 Beech Ave Flushing, NY 11355</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70">
</i><span class="">$680</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;">
<img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span> <img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F12.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-danger mb-1">Featured</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Mason House | 150 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">557 Grand Concourse Bronx, NY 10451</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">From $4,000</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">3<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75 2x"> <noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;">
<img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F13.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-success mb-1">Verified</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Office | 320 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">159 20th Street Brooklyn, NY 11232</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$8,000</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">8<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;">
</span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75 2x"><noscript></noscript> </span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F14.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Lakewood Rentals | 90 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">5 Brewster Street Glen Cove, NY 11542</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">
$1,200</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">0<i class="fi-car ms-1 mt-n1 fs-lg text-muted">
</i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"> <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;">
</span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F15.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"> <button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Crystal Apartment| 60 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">495 Henry St Brooklyn, NY 11231</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$1,350</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;">
<img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75 2x"> <noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;">
<span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F16.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"><span class="d-table badge bg-danger mb-1">Featured</span></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart">
</i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Family Home | 120 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">67-04 Myrtle Ave Glendale, NY 11385</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">From $4,500</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">4<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">2<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
<div class="col">
<div class="card card-hover shadow-sm border-0 h-100">
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-android card-img-top card-img-hover swiper-backface-hidden">
<div class="swiper-wrapper" style="transform: translate3d(-370px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;">
<img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide d-flex swiper-slide-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75 2x"><noscript></noscript> </span>
</div>
<div class="swiper-slide d-flex swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
<div class="swiper-slide swiper-slide-duplicate d-flex swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 370px;"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27504%27%20height=%27230%27/%3e" style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;"></span><img alt="Image" light="0" src="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75" decoding="async" data-nimg="intrinsic" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" srcset="/_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=640&q=75 1x, /_next/image?url=%2Fimages%2Freal-estate%2Fcatalog%2F17.jpg&w=1080&q=75 2x"><noscript></noscript></span>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div><a class="img-overlay" href="/real-estate/single-v1"></a>
<div class="position-absolute start-0 top-0 pt-3 ps-3"></div>
<div class="content-overlay end-0 top-0 pt-3 pe-3"><button type="button" class="btn btn-icon btn-light btn-xs text-primary rounded-circle"><i class="fi-heart"></i></button></div>
</div>
<div class="card-body position-relative pb-3">
<h3 class="h6 mb-2 fs-base"><a class="nav-link stretched-link" href="/real-estate/single-v1">Tiffany Studio | 35 sq.m</a></h3>
<p class="mb-2 fs-sm text-muted">3979 Albany Post Road Hyde Park, NY 12538</p>
<div class="fw-bold"><i class="fi-cash mt-n1 me-2 lead align-middle opacity-70"></i><span class="">$700</span></div>
</div>
<div class="card-footer d-flex align-items-center justify-content-center mx-3 pt-3 text-nowrap"><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bed ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-bath ms-1 mt-n1 fs-lg text-muted"></i></span><span class="d-inline-block mx-1 px-2 fs-sm">1<i class="fi-car ms-1 mt-n1 fs-lg text-muted"></i></span></div>
</div>
</div>
</div>
<nav class="border-top pb-md-4 pt-4" aria-label="Pagination">
<ul class="mb-1 pagination">
<li class="page-item active"><span class="page-link">1<span class="visually-hidden">(current)</span></span>
</li>
<li class="page-item"><a class="page-link" role="button" tabindex="0" href="#">2</a></li>
<li class="page-item"><a class="page-link" role="button" tabindex="0" href="#">3</a></li>
<li class="page-item"><a class="page-link" role="button" tabindex="0" href="#"><span aria-hidden="true">…</span><span class="visually-hidden">More</span></a></li>
<li class="page-item"><a class="page-link" role="button" tabindex="0" href="#">8</a></li>
<li class="page-item"><a class="page-link" role="button" tabindex="0" href="#"><i class="fi-chevron-right"></i></a></li>
</ul>
</nav>
</div>
</div>
</div><button type="button" class="w-100 rounded-0 fixed-bottom d-lg-none btn btn-primary btn-sm"><i class="fi-filter me-2"></i>Filters</button> </main>