<turbo-stream action="append" target="listings"><template>
    <div class="col" id="listing_285">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mekk0TlE6ZmVhdHVyZXMi--aded92908ba91359f8f4d3d9924143b49f91c9f8a99ef4d0d576f4ffbd1fd83c"></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="/en/listings/rrr">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMS9DSVE9PSIsImV4cCI6IjIwMjYtMDgtMTRUMTM6NTE6MjIuMzQ2WiIsInB1ciI6ImJsb2JfaWQifX0=--19bfce8cdadd56fed4aab1829d399fce5816fca5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000011206.jpg?locale=en" />
              <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">&quot;🏖️ Stunning F3 Apartment with Breathtaking sea Views&quot;</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>2</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>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>2</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="/en/listings/rrr">
        <strong class="">Apartment </strong> /
        Adrar, Adrar
</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">
      1,000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_177">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekUzTnc6ZmVhdHVyZXMi--a2713dbbcfb8319fddc95e9a73381d53a6983a50ea77e44e7ca60991d916d9e2"></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="/en/listings/F2-avec-terrasse-Saket-">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb0pJIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMi41MzBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--8e3f381b735231faca1c5ee7732c75172da77015/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/1000000591.jpg?locale=en" />
              <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">F2 avec terrasse a Saket </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>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="/en/listings/F2-avec-terrasse-Saket-">
        <strong class="">Apartment </strong> /
        Bejaia, Béjaïa
</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">
      6,000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_178">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekUzT0E6ZmVhdHVyZXMi--ed4668f2b7f5c96792e3277f26ecdda42039072a6e9c078ee305b50a9182eb64"></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="/en/listings/Super-apparemment-f5">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ2RMIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMi42MTVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--62bb7c449e7f86d6d8a5a709c24cdd8263c8f24c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hSeVpYTnBlbVZmZEc5ZmJHbHRhWFJiQjJrQzBBSnBBdEFDT2d4amIyNTJaWEowT2dsM1pXSndPZ3B6WVhabGNuc0pPaE56ZFdKellXMXdiR1ZmYlc5a1pVa2lCMjl1QmpzR1ZEb0tjM1J5YVhCVU9nNXBiblJsY214aFkyVlVPZ3h4ZFdGc2FYUjVhV2s9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8867a1da50f65df8d82161a61ae874a452812432/IMG_1206.jpeg?locale=en" />
              <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">Super apparemment f5</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>4</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>7</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="/en/listings/Super-apparemment-f5">
        <strong class="">Apartment </strong> /
        Maalma, 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_179">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MekUzT1E6ZmVhdHVyZXMi--03556c2919642af91f65001544f18314b921a5931d14b4034553c1bec3112069"></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="/en/listings/Super-apparemment-f5-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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ2RMIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMi43NjZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7bcb3369ba9e4aa0c2bf9a1d6152e2b4a4e5a73c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hSeVpYTnBlbVZmZEc5ZmJHbHRhWFJiQjJrQzBBSnBBdEFDT2d4amIyNTJaWEowT2dsM1pXSndPZ3B6WVhabGNuc0pPaE56ZFdKellXMXdiR1ZmYlc5a1pVa2lCMjl1QmpzR1ZEb0tjM1J5YVhCVU9nNXBiblJsY214aFkyVlVPZ3h4ZFdGc2FYUjVhV2s9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8867a1da50f65df8d82161a61ae874a452812432/IMG_1206.jpeg?locale=en" />
              <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">Super apparemment f5</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>4</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>7</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="/en/listings/Super-apparemment-f5-2">
        <strong class="">Apartment </strong> /
        Maalma, 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_42">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelF5OmZlYXR1cmVzIg==--4d6e50eff930f043a3fab2490425218552a1763a1b8884adf3b71d79ab6da9b2"></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="/en/listings/vacdellys-">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcklaIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMi44MzJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--28c2afaeb2de7aef824fa54ed4b67cb71fd9e177/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/IMG20230627142038.jpg?locale=en" />
              <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">vacdellys </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>9</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>9</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="/en/listings/vacdellys-">
        <strong class="">Apartment </strong> /
        Dellys, Boumerdès
</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">
      6,000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_44">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelEwOmZlYXR1cmVzIg==--b37184b8183eaa9fedce2fe27773e0c93ce8b280b9a49d4eded610225007df3f"></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="/en/listings/vacdellys-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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaTRiIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMi44OTdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--c780ee144963ede517603c12a1515c08b27d8119/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/IMG20230709153531.jpg?locale=en" />
              <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">vacdellys </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>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>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="/en/listings/vacdellys-2">
        <strong class="">Apartment </strong> /
        Dellys, Boumerdès
</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">
      5,000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_55">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelUxOmZlYXR1cmVzIg==--ef147adca9a37cc9c6c47d05de8cae70fd17ad07afc61d16c834357aa48f35b9"></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="/en/listings/vacdellys-3">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdUFjIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMi45NjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--776d6ddfba2ce1fbb8bfbbb288f78085c5288678/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hSeVpYTnBlbVZmZEc5ZmJHbHRhWFJiQjJrQzBBSnBBdEFDT2d4amIyNTJaWEowT2dsM1pXSndPZ3B6WVhabGNuc0pPaE56ZFdKellXMXdiR1ZmYlc5a1pVa2lCMjl1QmpzR1ZEb0tjM1J5YVhCVU9nNXBiblJsY214aFkyVlVPZ3h4ZFdGc2FYUjVhV2s9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8867a1da50f65df8d82161a61ae874a452812432/IMG20220623124823.jpeg?locale=en" />
              <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">vacdellys </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>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>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="/en/listings/vacdellys-3">
        <strong class="">Apartment </strong> /
        Dellys, Boumerdès
</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">
      5,000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_56">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5MelUyOmZlYXR1cmVzIg==--17d0662c6f927998b5c14369cfc44fc4e4bf3d0ae532e457b2e168aa0ead719a"></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="/en/listings/vacdellys-4">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdkVjIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMy4wMjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--eeb2d707e2f512717435a925cd9e057445c3ce42/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/IMG20200728102852.jpg?locale=en" />
              <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">vacdellys </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>9</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>9</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="/en/listings/vacdellys-4">
        <strong class="">Apartment </strong> /
        Dellys, Boumerdès
</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">
      6,000
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_233">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mekl6TXc6ZmVhdHVyZXMi--c90805dfb36f46f2b4e99cdaad7e50b97de43cb137d83966599b85a8078a719b"></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="/en/listings/test-property-creation">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBb05kIiwiZXhwIjoiMjAyNi0wOC0xNFQxMzo1MToyMy4wNzJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7ce05c6301768bae896b24d212846ec90eed0dc3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFMUUFta0MwQUk2REdOdmJuWmxjblE2Q1hkbFluQTZDbk5oZG1WeWV3azZFM04xWW5OaGJYQnNaVjl0YjJSbFNTSUhiMjRHT3daVU9ncHpkSEpwY0ZRNkRtbHVkR1Z5YkdGalpWUTZESEYxWVd4cGRIbHBhUT09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--56f212b61437b0923ac275c6a579ddb11cd8fdf9/image_picker_1A219EDE-ACB9-40FB-A2A2-BC77F9DFD0A1-76392-0000002BAD8AEAD9.jpg?locale=en" />
              <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">test property creation</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>2</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>2</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="/en/listings/test-property-creation">
        <strong class="">Apartment </strong> /
        Adrar, Adrar
</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">
      100
      <span class="fs-sm"> DZD </span>
    </div>
  </div>
</article>

    </div>
    <div class="col" id="listing_334">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlNYVhOMGFXNW5Mek16TkE6ZmVhdHVyZXMi--28d59dbaa703155c3f138ce40cf4d9f01cadaf66c7e8a024a4f61689f9f7b53c"></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="/en/listings/moi">
          <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://test.sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMFRUSVE9PSIsImV4cCI6IjIwMjYtMDgtMTRUMTM6NTE6MjMuMTM3WiIsInB1ciI6ImJsb2JfaWQifX0=--5b4f834d03baad2f4938594fe92d4385d3585004/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBPZ2h3Ym1jNkZISmxjMmw2WlY5MGIxOXNhVzFwZEZzSGFRTFFBbWtDMEFJNkRHTnZiblpsY25RNkNYZGxZbkE2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--04b440188022a3f72dad9bf703369bccc998bf17/image_2224747A-BCB9-46FA-AD8F-752C756596B5_1785235337.heic?locale=en" />
              <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">moi</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>1</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="/en/listings/moi">
        <strong class="">Apartment </strong> /
        Adrar, Adrar
</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,222
      <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="/en/listings.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>