<turbo-stream action="append" target="activities"><template>
    <div class="col" id="activity_519">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRrOmZlYXR1cmVzIg==--daf453183404b2481a3a47ce222c5be3bfc4f1fc85da8ff55efc42af1cf3bf85"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMDJaQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTMxWiIsInB1ciI6ImJsb2JfaWQifX0=--348437d7c3c697d247dee67867e6be9cd94d0d01/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Affiche%20Carre%CC%81%20Edition%20Nouveau%20Magazine%20Ludique%20Colore%CC%81.jpeg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Malik-Belkhodja--Alger---Mardi-22-septembre">
        Malik Belkhodja à Alger - Mardi 22 septembre
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مسرح وعروض حية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">الجزائر الوسطى, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Malik-Belkhodja--Alger---Mardi-22-septembre">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_518">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRnOmZlYXR1cmVzIg==--a0a026cfcca18221986e646b5f72b6c552990f4e5a15c2e46a3f5fd1ce676f15"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTZZQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTQwWiIsInB1ciI6ImJsb2JfaWQifX0=--d1ae0c538a16abfe478606f3d395beab839aa3a8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_picker_C3B89E16-4B5D-40C8-8C50-BE4120B060B8-7286-000001A0B1CBBC85IMG_6604.mov?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/%D8%AE%D9%8A%D9%85%D8%A9-%D8%A7%D9%85%D9%8A-%D9%84%D9%84%D9%85%D8%A3%D9%83%D9%88%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%82%D9%84%D9%8A%D8%AF%D9%8A%D8%A9">
        خيمة امي للمأكولات التقليدية
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>تجارب الطهي</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">بونورة, غرداية</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          0
          -
          0
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/%D8%AE%D9%8A%D9%85%D8%A9-%D8%A7%D9%85%D9%8A-%D9%84%D9%84%D9%85%D8%A3%D9%83%D9%88%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D9%82%D9%84%D9%8A%D8%AF%D9%8A%D8%A9">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_517">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRjOmZlYXR1cmVzIg==--8d9186c41efb7c32e4283bcc8644b76082af1ddb86f01a685e692f7e907d95af"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeUtZQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTUwWiIsInB1ciI6ImJsb2JfaWQifX0=--15df1cfe6aa6b395e2dc43dd4fb13e6899749b10/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Smail%20chertouk%20RS-27.jpg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/-LAlgrie-tu-laimes-ou-tu-la-kiffes--">
         L’Algérie, tu l’aimes ou tu la kiffes ? 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مسرح وعروض حية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">الجزائر الوسطى, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/-LAlgrie-tu-laimes-ou-tu-la-kiffes--">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_516">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRZOmZlYXR1cmVzIg==--269e118d1576383c3dc245c702f21cc7e383bf8213da1039c2c2a8cc76ed9001"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM2FYQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTU2WiIsInB1ciI6ImJsb2JfaWQifX0=--7aef6356299e4d9f0c0a474c450e5981bb263d8f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/1000074387.mp4?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Polyglot-Guided-Tour--Djemilas-Archaeological-Site--Museum">
        Polyglot Guided Tour – Djemila&#39;s Archaeological...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>فن وثقافة والمتاحف</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">جميلة, سطيف</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        مجاني
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Polyglot-Guided-Tour--Djemilas-Archaeological-Site--Museum">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_515">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRVOmZlYXR1cmVzIg==--2f135a3af167b600cc636bf7c8b041eedf1dfe2ec5f344346def844b4492b7a7"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0NVQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTY0WiIsInB1ciI6ImJsb2JfaWQifX0=--21a1961a8287eaffd02abaf96d02a4bd6696a08d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Test%20malik%20saccoddo-26.jpg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Malik-Belkhodja--Alger---Session-1---18h00-3">
        Malik Belkhodja à Alger - Session 1 - 18h00
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مسرح وعروض حية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">الجزائر الوسطى, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Malik-Belkhodja--Alger---Session-1---18h00-3">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_513">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTVRNOmZlYXR1cmVzIg==--81ff899e193b0f88b801f7022f3d3df548dd03c8aa7ecd93a649c976bcd4e187"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0tVQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTcxWiIsInB1ciI6ImJsb2JfaWQifX0=--6258fffd1d04869d5450d798d72ea59d73bed412/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Test%20malik%20saccoddo-26.jpg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Malik-Belkhodja--Alger---Session-2---21h00">
        Malik Belkhodja à Alger - Session 2 - 21h00
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مسرح وعروض حية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          once
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">الجزائر الوسطى, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Malik-Belkhodja--Alger---Session-2---21h00">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_509">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTURrOmZlYXR1cmVzIg==--5720d2a8cfc2d74806c0f7dc3fdce98d1a20a1ab3c4b284d551caf5ca57519de"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM2lOQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTc3WiIsInB1ciI6ImJsb2JfaWQifX0=--1024af379d307873e08cb1413e5c073b9f4fc0b8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/WhatsApp%20Image%202025-06-03%20at%2011.47.26%20AM.jpeg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Lessentiel-de-Tlemcen">
        L&#39;essentiel de Tlemcen
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>رحلات وجولات يومية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">تلمسان, تلمسان</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,500
          -
          6,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Lessentiel-de-Tlemcen">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_508">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTURnOmZlYXR1cmVzIg==--b614b8a64197614af1fb08ed92678bf8b08419d588daea3a4669300e6d3d85d2"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMVNOQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTg4WiIsInB1ciI6ImJsb2JfaWQifX0=--009251a67060bae0cbe10b1b8552df10762f5162/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/WhatsApp%20Image%202025-06-03%20at%2011.47.26%20AM.jpeg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Tlemcen-Unlocked">
        Tlemcen Unlocked
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>رحلات وجولات يومية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">تلمسان, تلمسان</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,500
          -
          6,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Tlemcen-Unlocked">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_500">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgxTURBOmZlYXR1cmVzIg==--18bc771b95ed8d65c451f555e9cccbd6f2b29225e0e9fabd9eb7527c532ecd8c"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMWRQQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNTk3WiIsInB1ciI6ImJsb2JfaWQifX0=--667053c1d9c5489c71add24b09fe7389ac424bf0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/VID-20260512-WA0033.mp4?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Vivez-Constantine-ne-la-visitez-pas-">
        Vivez Constantine ne la visitez pas 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>رحلات وجولات يومية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">قسنطينة, قسنطينة</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,500
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Vivez-Constantine-ne-la-visitez-pas-">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_496">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwT1RZOmZlYXR1cmVzIg==--048de2650e102b9fb6b247a92d890eca68dca6906530fa217c3e8307e1d283a2"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0pKQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjAzWiIsInB1ciI6ImJsb2JfaWQifX0=--481e11c3e23f55e58c3a35aee37c41806945a308/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/2%20heures%20de%20balade%20en%20bateau%20au%20c%C5%93ur%20des%20plus%20beaux%20paysages%20de%20B%C3%A9ja%C3%AFa%20%F0%9F%8C%8A%F0%9F%9A%A4_Entre%20grottes_%20falaises_%20eau%20turquoise_.%20et%20parfois%20la%20visite%20des%20dauphin.mp4?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Explore-the-True-Spirit-of-Bjaa">
        Explore the True Spirit of Béjaïa
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>رحلات وجولات يومية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">بجاية,  بجاية</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        مجاني
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Explore-the-True-Spirit-of-Bjaa">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_495">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwT1RVOmZlYXR1cmVzIg==--c1e032c5585765609e6514d3f1d43118cc4830628ce2ff89e4628aea7ea537d3"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN3BJQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjA5WiIsInB1ciI6ImJsb2JfaWQifX0=--870f995cba9655079b0c9f8f42171065a7048d11/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/48909.mp4?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Private-Tour-Guide-and-Chauffeur-Services-in-Tlemcen">
        Private Tour Guide and Chauffeur Services in Tl...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>رحلات وجولات يومية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">تلمسان, تلمسان</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Private-Tour-Guide-and-Chauffeur-Services-in-Tlemcen">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_483">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwT0RNOmZlYXR1cmVzIg==--71f7e596a5e247ece9414d3cd22c07426bb9a0dab45bab0842ed31b3889d9598"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOS9lQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjE1WiIsInB1ciI6ImJsb2JfaWQifX0=--06d1d99b7263a702ed9955563a82d3a79c2f4722/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_132FE804-389C-4200-90E9-22A3538777F9_1783482219.mov?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/Sortie-en-paddle-dans-les-plages-de-Skikda--Stora-">
        Sortie en paddle dans les plages de Skikda ( St...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>أنشطة للأطفال والعائلات</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">سكيكدة, سكيكدة</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/Sortie-en-paddle-dans-les-plages-de-Skikda--Stora-">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_465">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTmpVOmZlYXR1cmVzIg==--5a2e7bf31bb711967ec5985fb2bccaa642171947e377b7ad82a02379a5ab49b5"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMSsyQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjIyWiIsInB1ciI6ImJsb2JfaWQifX0=--283aa81573a05c7583dc2b3e3b5d78af9583802d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG-20260618-WA0014.jpg?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/tout-types-de-spectacles-vivant-et-de-theatre-et">
        tout types de spectacles vivant et de theatre et
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مسرح وعروض حية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">بجاية,  بجاية</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,234
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/tout-types-de-spectacles-vivant-et-de-theatre-et">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_464">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTmpROmZlYXR1cmVzIg==--7793b44db612f017c9d046e97c2871df4b0f96c4e1614b3006d66c28be17c903"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
          <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN214QVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjI4WiIsInB1ciI6ImJsb2JfaWQifX0=--c367fdd04025f0f36075b2026ebeeeeb74e28469/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/ChatGPT%20Image%2027%20juin%202026,%2014_52_04.png?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/archery-tag">
        archery tag
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>أنشطة للأطفال والعائلات</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">البليدة, البليدة</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/archery-tag">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_459">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTlRrOmZlYXR1cmVzIg==--385a14c67ab163b857ddc000221e76807cbd9bb65920026e7d40a976dc59785d"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0dqQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjM0WiIsInB1ciI6ImJsb2JfaWQifX0=--12947e609b955baddd65818975acd18d9afd9f09/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_6DD64305-DDE7-4C58-A30F-2AE4DB28D203_1782432867.mp4?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/just-joy--">
        just joy 🤩 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مغامرات وأنشطة خارجية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">المرسى, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
        مجاني
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/just-joy--">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_455">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTlRVOmZlYXR1cmVzIg==--d2d2f8446969b0b67680fe07cf01aab162e18f93b1b13dd67005d222048fb700"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXlZQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjQwWiIsInB1ciI6ImJsb2JfaWQifX0=--41b4a94169d84a8ff406e616cce44b7bf6213454/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_43D1EB1D-7FDE-47CD-8579-A60C24C392AC_1782292128.mov?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/PADDLE-BEJAIA">
        PADDLE BEJAIA
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مغامرات وأنشطة خارجية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">بجاية,  بجاية</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/PADDLE-BEJAIA">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_453">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTlRNOmZlYXR1cmVzIg==--bb5da774a05be5af66e996e42dc983434576bb1a327bbd8c88e6edb61a0036e5"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOVYvQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjQ2WiIsInB1ciI6ImJsb2JfaWQifX0=--7741909e3ed1345f025432af63b3be7a5e439b8a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_BBA2D4AA-4C7F-4762-88CF-F4217B2B9DEA_1781958179.mov?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/-APPRENTISSAGE-DE-LA-VOILEPrenez-le-large-et-dcouvrez-une-discipline-unique-entre-sport-aventure-et-libert-">
        ⛵ APPRENTISSAGE DE LA VOILEPrenez le large et d...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>رياضة ولياقة بدنية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">برج البحري, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          5,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/-APPRENTISSAGE-DE-LA-VOILEPrenez-le-large-et-dcouvrez-une-discipline-unique-entre-sport-aventure-et-libert-">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_448">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRnOmZlYXR1cmVzIg==--eb75e7897a2cbde1e29265fa91549f7bd29b1a0b2bb10541abca2a30b2596dfd"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNGQxQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjUyWiIsInB1ciI6ImJsb2JfaWQifX0=--77bf25bbd606a7401e32e01f6ddfaec9b0da220f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/IMG_8856.MOV?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/initiation-tir--larc-">
        initiation tir à l’arc 🎯
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مغامرات وأنشطة خارجية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">البليدة, البليدة</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/initiation-tir--larc-">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_447">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRjOmZlYXR1cmVzIg==--af9b503982db25ed409dee2afd586ef1e4e624517ede4a7986f1ef3f5afec21d"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNmx6QVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjU5WiIsInB1ciI6ImJsb2JfaWQifX0=--6f5b2ac328a9a8be617c5910f94015ca11a277ae/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_B4F74FE9-B8CB-4C8C-B218-0E6E414B2CF6_1781609263.mov?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/-Envie-de-tester-une-nouvelle-activit-et-de-profiter-de-la-mer-autrement-">
        🏄‍♀️🌊 Envie de tester une nouvelle activité et ...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مغامرات وأنشطة خارجية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">برج البحري, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          2,000
          -
          3,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/-Envie-de-tester-une-nouvelle-activit-et-de-profiter-de-la-mer-autrement-">
      اختر
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_445">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzgwTkRVOmZlYXR1cmVzIg==--5bc83430518ad35b21cc09fc38df022bd3f881e1e4848d1adde54df645a2170f"></turbo-cable-stream-source>
<article class="card h-100 hover-effect-scale hover-effect-opacity rounded-4" >
  <div class="rounded-4 rounded-bottom overflow-hidden p-2">
    <div class="ratio overflow-hidden rounded-3 bg-body-tertiary" style="--fn-aspect-ratio: calc(306 / 416 * 100%)">
        <img class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFZzQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMTY6MDc6NDYuNjY4WiIsInB1ciI6ImJsb2JfaWQifX0=--aeb8f6c4c32940ea38cc6dcbedc3d7d4a17668fd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/image_E7BEFC54-3ED6-4944-9B76-3A6105E66C6F_1781466495.mov?locale=ar" />
    </div>
  </div>
  <div class="card-body p-2 z-0">
    <h3 class="h5 pt-1 mb-2 text-wrap">
      <a data-turbo="true" target="_top" class="hover-effect-underline stretched-link" href="/ar/activities/location-jetski">
        location jetski
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>مغامرات وأنشطة خارجية</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
        <li class="d-flex align-items-center gap-1">
          <i class="fi-calendar fs-base"></i>
          daily
        </li>
        <li>20:30</li>
        <li class="d-flex mx-n1">
          <i class="fi-bullet"></i>
        </li>
    </ul>
  </div>
  <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 p-2 pb-3">
    <li class="d-flex align-items-center gap-1 min-w-0">
      <i class="fi-location-outline fs-5"></i>
      <span class="text-truncate">عين طاية, الجزائر</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          5,000
          -
          18,000
        <span class="fs-sm"> DZD </span>
    </div>
    <a data-turbo="true" target="_top" class="btn btn-outline-dark rounded-5 position-relative z-1 d-none" href="/ar/activities/location-jetski">
      اختر
</a>  </div>
</article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="activities_placeholder"></turbo-stream>
  <turbo-stream action="append" target="activities"><template>
    <turbo-frame class="" id="activities_placeholder">
      <div class="col">
        <article class="card h-100 hover-effect-scale hover-effect-opacity bg-body-tertiary border-0 rounded-5">
          <div class="bg-body-secondary rounded-5 rounded-bottom overflow-hidden">
            <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(306 / 416 * 100%)"></div>
          </div>
          <div class="card-body">
            <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            <h3 class="h5 pt-1 mb-2">
              <span class="placeholder bg-body-secondary col-8 rounded-pill cursor-default"></span>
            </h3>
            <div class="d-flex align-items-center fs-sm">
              <span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span>
            </div>
          </div>
          <div class="card-footer d-flex align-items-center justify-content-between gap-3 bg-transparent border-0 pt-0 pb-4">
            <div class="h5 text-info mb-0"><span class="placeholder bg-body-secondary col-3 rounded-pill cursor-default"></span></div>
            <button type="button" class="btn btn-secondary bg-body-secondary rounded-5 active border-0 cursor-default">
              <span class="opacity-0">Book now</span>
            </button>
          </div>
        </article>
      </div>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="activities_pagination"><template>
      <turbo-frame loading="lazy" id="activities_pagination" src="/ar/activities.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>