<turbo-stream action="append" target="listings"><template>
    <div class="col" id="listing_322">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mek15TWc6ZmVhdHVyZXMi--71b54b5fc414491d09df8fdc7d27911c598396c877917dc99d866b44ef842333"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Maison-climatise--louer-pour-les-vacances-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdE9DIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNC44MzVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--9e91dcb644946fe42334497bf9ec3bbb91d59135/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000018918.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Maison climatisée à louer pour les vacances </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>7</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>5</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Maison-climatise--louer-pour-les-vacances-">
        <strong class="">Casa </strong> /
        El Aouana, Jijel
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      7.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_385">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mek00TlE6ZmVhdHVyZXMi--220668c147eb720bc413635b2d206ec9f0926fcb8fc67c8f96d286f40154f863"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/F2-duplex-proche-plages-et-promenade-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBditiIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNC44NzVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--69333b6b4ba328aa0d591dcd9f3e913a978ac4c7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000009777.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">F2 duplex proche plages et promenade </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>5</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/F2-duplex-proche-plages-et-promenade-">
        <strong class="">Appartamento </strong> /
        Annaba, Annaba
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      12.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_227">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mekl5Tnc6ZmVhdHVyZXMi--0e122bdc466490c2debb0aa8162948b9704a92ece2a5a02051909ee45606c472"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Superbe-Etage-de-Villa">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdk5mIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNC45NjhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--8ab276792b7d11445731379ad646c41879def1bb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000160648.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Superbe Etage de Villa</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>5</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>5</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Superbe-Etage-de-Villa">
        <strong class="">Appartamento </strong> /
        Herraoua, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      7.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_367">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mek0yTnc6ZmVhdHVyZXMi--6f72eec25be97b87bc424428a83c2e1e3929a18940a13fa6dc16c9faa3d264ba"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Choco-loft-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdWlVIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4wMTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6e73f0a01ad314f4f6b42435bbe4f40931476546/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000039003.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Choco loft </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Choco-loft-">
        <strong class="">Appartamento </strong> /
        Alger Centre, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      12.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_187">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekU0Tnc6ZmVhdHVyZXMi--ead1ed5777adb5f2dc406d1b25a77c46fb84b920b47fe5942fb328d864206140"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Joli-T2-Dar-diaf-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmhQIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4wNDNaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--ca3ff1da9a1d31dd6d85e9774e551cc44d4df565/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hSeVpYTnBlbVZmZEc5ZmJHbHRhWFJiQjJrQzBBSnBBdEFDT2d4amIyNTJaWEowT2dsM1pXSndPZ3B6WVhabGNuc0pPaE56ZFdKellXMXdiR1ZmYlc5a1pVa2lCMjl1QmpzR1ZEb0tjM1J5YVhCVU9nNXBiblJsY214aFkyVlVPZ3h4ZFdGc2FYUjVhV2s9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8867a1da50f65df8d82161a61ae874a452812432/A2E5556E-03EF-4055-BEFF-01418D8460BF.jpeg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Joli T2 Dar diaf </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Joli-T2-Dar-diaf-">
        <strong class="">Appartamento </strong> /
        Cheraga, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      14.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_474">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelEzTkE6ZmVhdHVyZXMi--d08cf598ef5f4f85de1308dfc3529c112b4f967af4a5f781f1fe592bf852337c"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/La-redoute-N5-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdkhLIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4wNzVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--3299747113dcd8bca1eb0982c29d99f0725c0c48/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000155744.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">La redoute N5 </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>4</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/La-redoute-N5-">
        <strong class="">Appartamento </strong> /
        Alger Centre, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      12.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_494">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelE1TkE6ZmVhdHVyZXMi--28a87b71b8f17481a15dd51c5d3ea04cb07ee3a837032adf4f8b49d15cef4ed9"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Camlia-loft-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ1BTIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4xMTBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--67f81686e01d579402fd0b9e890f5ff7e76a0bbe/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000179983.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Camélia loft </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Camlia-loft-">
        <strong class="">Appartamento </strong> /
        Bir Mourad Rais, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      12.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_391">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mek01TVE6ZmVhdHVyZXMi--fbbf3dd61ddb4307de49b41a41c2d18a4b04973207173b49c5569309a9800ffd"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Dary-loft-">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaG1lIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4xMzZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--528140e132e65cfd34cfaa523ce0e615e94ef138/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000042006.jpg?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Dary loft </h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>4</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>2</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Dary-loft-">
        <strong class="">Appartamento </strong> /
        Alger Centre, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      11.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_459">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelExT1E6ZmVhdHVyZXMi--c466a86b5897a27a7bcddd3eeaba5ff6fcb7ce6bddd8ef17b2c2f0bc93550399"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/APPARTEMENT-F2-BORD-DE-MER">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbXpGIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4xNjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--69cc87d6fc763d9a5912bbd48bb6156e2edb273c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--93f54aaccac99205ff40e0932617d724d43bd4aa/AIRBNB%20PAGE%20GARDE.png?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">APPARTEMENT F2 BORD DE MER</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>4</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/APPARTEMENT-F2-BORD-DE-MER">
        <strong class="">Appartamento </strong> /
        Staoueli, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      18.000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_371">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mek0zTVE6ZmVhdHVyZXMi--05af1bd7a4ca658bd0e903c8652b5f146dd8718eaff92529d1a1d8eecda66300"></turbo-cable-stream-source>
<article class="card hover-effect-opacity h-100">
  <div class="card-img-top position-relative overflow-hidden p-2">
    <div class="swiper z-2 rounded-2" data-controller="swiper" data-swiper='{
            "navigation": {
                "prevEl": ".btn-prev",
                "nextEl": ".btn-next"
            },
            "breakpoints": {
                "991": {
                    "allowTouchMove": true
                }
            }
            }'>
      <a data-turbo="true" target="_top" class="swiper-wrapper" href="/it/listings/Appartement-chic-2">
          <div class="swiper-slide">
            <div class="ratio d-block bg-body-tertiary" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
              <img class="object-fit-cover" loading="lazy" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa21YIiwiZXhwIjoiMjAyNi0wNS0wOVQwMDozMTozNS4xODdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6c548cc1d45e19e828af6955af80c2856fe29255/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBPZ2h3Ym1jNkZISmxjMmw2WlY5MGIxOXNhVzFwZEZzSGFRTFFBbWtDMEFJNkRHTnZiblpsY25RNkNYZGxZbkE2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--04b440188022a3f72dad9bf703369bccc998bf17/inbound7984232297207750303.webp?locale=it" />
              <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
            </div>
          </div>
</a>        <div class="d-flex flex-column gap-2 align-items-start position-absolute top-0 start-0 z-1 pt-1 pt-sm-0 ps-1 ps-sm-0 mt-2 mt-sm-3 ms-2 ms-sm-3">
          <span class="badge text-bg-info d-inline-flex align-items-center rounded-3 p-2">
            Verificato
            <i class="fi-shield-tick-outline fs-lg ms-1"></i>
          </span>
        </div>
      <div class="position-absolute top-50 start-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 ms-3">
        <button type="button" class="btn btn-sm btn-prev btn-icon btn-light bg-light rounded-circle animate-slide-start" aria-label="Prev">
          <i class="fi-chevron-left fs-lg animate-target"></i>
        </button>
      </div>
      <div class="position-absolute top-50 end-0 z-1 translate-middle-y d-none d-lg-block hover-effect-target opacity-0 me-3">
        <button type="button" class="btn btn-sm btn-next btn-icon btn-light bg-light rounded-circle animate-slide-end" aria-label="Next">
          <i class="fi-chevron-right fs-lg animate-target"></i>
        </button>
      </div>
    </div>
  </div>
  <div class="card-body p-2">
    <h1 class="d-none">Appartement chic</h1>
    <div class="d-flex gap-3 border-0 bg-transparent pt-0 pb-3 px-0">
      <div class="d-flex align-items-center fs-base gap-1 me-1 d-none">
        <i class="fi-profile-2user-outline fs-5 text-secondary-emphasis"></i><strong>6</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-2-outline fs-4 text-secondary-emphasis"></i><strong>3</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bed-3-outline fs-4 text-secondary-emphasis"></i><strong>5</strong>
      </div>
      <div class="d-flex align-items-center fs-base gap-1 me-1">
        <i class="fi-bath-outline fs-4 text-secondary-emphasis"></i><strong>1</strong>
      </div>
    </div>
    <h3 class="fs-base fw-normal text-body mb-1 d-flex">
      <i class="fi-location-outline fs-5 text-secondary-emphasis me-1"></i>
      <a data-turbo="true" target="_top" class="stretched-link text-body text-wrap" href="/it/listings/Appartement-chic-2">
        <strong class="">Appartamento </strong> /
        Birkhadem, Alger
</a>    </h3>
  </div>
  <div class="card-footer d-flex gap-2 border-0 bg-transparent pt-0 pb-2 px-2 mt-n1">
    <div class="h5 mb-2">
      22.500
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="listings_placeholder"></turbo-stream>
  <turbo-stream action="append" target="listings"><template>
    <turbo-frame class="" id="listings_placeholder">
      <div class="col">
        <article class="card hover-effect-opacity h-100" data-map-bind-to-marker="1">
          <div class="card-img-top position-relative bg-body-tertiary overflow-hidden">
            <div class="swiper z-2" data-swiper='{
                            "pagination": {
                                "el": ".swiper-pagination"
                            },
                            "navigation": {
                                "prevEl": ".btn-prev",
                                "nextEl": ".btn-next"
                            },
                            "breakpoints": {
                                "991": {
                                "allowTouchMove": false
                                }
                            }
                            }'>
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="ratio d-block" style="--fn-aspect-ratio: calc(248 / 362 * 100%)">
                    <span class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, .11) 100%)"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="card-body p-3">
            <div class="h5 mb-2"><span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span></div>
            <h3 class="fs-sm fw-normal text-body mb-2">
              <span class="stretched-link text-body"><span class="placeholder bg-body-secondary col-8 rounded-pill cursor-default"></span></span>
            </h3>
            <div class="h6 fs-sm mb-0"><span class="placeholder bg-body-secondary col-4 rounded-pill cursor-default"></div>
            </div>
            <div class="card-footer d-flex justify-content-start gap-2 border-0 bg-transparent pt-0 pb-3 px-3 mt-n1">
              <div class="d-flex align-items-center fs-sm gap-1 me-1 w-100">
                <div class="h6 w-100 fs-sm mb-0"><span class="placeholder col-5 bg-body-secondary rounded-pill cursor-default"></div>
                </div>
                <div class="d-flex align-items-center fs-sm gap-1 me-1 w-100">
                  <div class="h6 w-100 fs-sm mb-0"><span class="placeholder col-5 bg-body-secondary rounded-pill cursor-default"></div>
                  </div>
                  <div class="d-flex align-items-center fs-sm gap-1 me-1 w-100">
                    <div class="h6 w-100 fs-sm mb-0"><span class="placeholder col-5 bg-body-secondary rounded-pill cursor-default"></div>
                    </div>
                  </div>
                </article>
              </div>
</turbo-frame></template></turbo-stream>          <turbo-stream action="replace" target="listings_pagination"><template>
             <turbo-frame loading="lazy" id="listings_pagination" src="/it/listings.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>