<turbo-stream action="append" target="activities"><template>
    <div class="col" id="activity_372">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TnpJOmZlYXR1cmVzIg==--e739710399d00f5d4763decca7d8144f8a71a3bc7c0849109ebdde589656a9c4"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaDNuIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny41NTdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--9e71b1c885c27492d3a323d6be0ac12f839a4c35/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/20251219_164655.jpg?locale=en" />
    </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="/en/activities/Explorer-le-tassili-najjer">
        Explorer le t&#39;assili n&#39;ajjer
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Multi-Day Trips</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Illizi, Illizi</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          12,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="/en/activities/Explorer-le-tassili-najjer">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_366">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TmpZOmZlYXR1cmVzIg==--96594d11063d91712cd59e43976fdd3650f1b06ab35add673429033e3554619a"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZzNrIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny41NzJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--8535ac18c6ac6f095e17e540e68096542cef689f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/Publication-Malik-Sold-out-bare-09-05.jpg?locale=en" />
    </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="/en/activities/Spectacle-Malik-Belkhodja--Alger-4">
        Spectacle Malik Belkhodja à Alger
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Theater &amp; Live Performances</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Alger Centre, Alger</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="/en/activities/Spectacle-Malik-Belkhodja--Alger-4">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_364">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TmpROmZlYXR1cmVzIg==--021c94577ce2a37d61fd0d229c4ea7884d429ee8be85a872b9b03742a8eeb2fd"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBanJqIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny41ODRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--4cb97bf6926e2fac32c15e2ed0ec724c16a744d7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_3359.jpeg?locale=en" />
    </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="/en/activities/Spectacle-Malik-Belkhodja--Alger-2">
        Spectacle Malik Belkhodja à Alger
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Theater &amp; Live Performances</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Alger Centre, Alger</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="/en/activities/Spectacle-Malik-Belkhodja--Alger-2">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_363">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh6TmpNOmZlYXR1cmVzIg==--2cb37d815b86089ee77b1b026a50df502b28b3121544f1ca69d47841feb3b760"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBamZqIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny41OTRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--19d594c1612f2f9d3227310d19b1b3dc1a023590/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_3359.jpeg?locale=en" />
    </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="/en/activities/Spectacle-Malik-Belkhodja--Alger">
        Spectacle Malik Belkhodja à Alger
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Theater &amp; Live Performances</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Alger Centre, Alger</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="/en/activities/Spectacle-Malik-Belkhodja--Alger">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_254">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRROmZlYXR1cmVzIg==--896de0010c1e04421dd362d7c02fb9ff907d4bc9541091f0410850d1dd350208"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaG5XIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42MDVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--471591b308b2fd958c5127ab2b3f3147c40cfd79/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000094939.jpg?locale=en" />
    </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="/en/activities/Sjours-vers-Timimoun-">
        Séjours vers Timimoun 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Multi-Day Trips</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Timimoun, Timimoun</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          60,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="/en/activities/Sjours-vers-Timimoun-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_250">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TlRBOmZlYXR1cmVzIg==--511bc6703fc468579e63ed800fa235ca5ab579002c3436c19d98cb748f2077b7"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVRGIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42MTZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--280496cb5d237582d6f8003952ebf67789b97d0d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000078596.jpg?locale=en" />
    </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="/en/activities/Visite-guide-de-la-Casbah-dAlger-">
        Visite guidée de la Casbah d&#39;Alger 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>One Day Trips &amp; Tours</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,200
        <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="/en/activities/Visite-guide-de-la-Casbah-dAlger-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_241">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TkRFOmZlYXR1cmVzIg==--201e3a8c5856a9a70ee193b776c2a458721a99921b6b2c6d1242af38b13ae83a"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBc1REIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42MzRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--799a1ec83d357d796ecd34d7fc8b01fb76b1614c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000077311.jpg?locale=en" />
    </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="/en/activities/Randonne-vers-AZRO-NTAGHAT-tizi-ouzou">
        Randonnée vers AZRO N&#39;TAGHAT &quot;tizi ouzou&quot;
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Tizi-Ouzou, Tizi Ouzou</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          1,500
          -
          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="/en/activities/Randonne-vers-AZRO-NTAGHAT-tizi-ouzou">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_235">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpVOmZlYXR1cmVzIg==--77be9432cb473d9be3bd5dd141c1e0f9b8f9d2a2fd631bb8ce7b129e5fb749b6"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcHpEIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42NTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--a20d92034e40850f078ff25a073a5876bad0fc99/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/poste%20artissimo%20E%CC%81criture%20Cre%CC%81ative.jpg?locale=en" />
    </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="/en/activities/atelier-dcriture">
        ATELIER D&#39;ECRITURE 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Workshops &amp; Learning</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Alger Centre, Alger</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          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="/en/activities/atelier-dcriture">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_234">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpROmZlYXR1cmVzIg==--2803b2e6a71088e883968468e24407af2df59049e16bc5bee93cfbfe434049c6"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbFRDIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42NjFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--67ac859e2cf3af7b72dc383f7daf952eaf2b2018/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000077076.jpg?locale=en" />
    </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="/en/activities/BIVOUAC-BRIZINA-%D8%B1%D8%AD%D9%84%D8%A9-%D8%A7%D9%84%D9%89-%D8%A8%D9%88%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D8%B5%D8%AD%D8%B1%D8%A7">
        BIVOUAC BRIZINA رحلة الى بوابة الصحراء
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Multi-Day Trips</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Brezina, El Bayadh</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          8,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="/en/activities/BIVOUAC-BRIZINA-%D8%B1%D8%AD%D9%84%D8%A9-%D8%A7%D9%84%D9%89-%D8%A8%D9%88%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D8%B5%D8%AD%D8%B1%D8%A7">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_232">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TXpJOmZlYXR1cmVzIg==--c7ea00bd6a0062309af6a7c2a4843c62e1e0683ed2f98e325fb79672a1abaa4a"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa25CIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42NzFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--2fac47120ab8343f625092fb4bf848436e7f2dfe/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/1000075540.jpg?locale=en" />
    </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="/en/activities/%D8%AA%D8%AE%D9%8A%D9%8A%D9%85-%D9%81%D9%8A-%D8%BA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%83%D9%81%D8%A7%D8%AF%D9%88-%D8%A8%D8%AC%D8%A7%D9%8A%D8%A9-">
        تخييم في غابة اكفادو (بجاية) ⛰️
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Nature &amp; Wildlife</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          4,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="/en/activities/%D8%AA%D8%AE%D9%8A%D9%8A%D9%85-%D9%81%D9%8A-%D8%BA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%83%D9%81%D8%A7%D8%AF%D9%88-%D8%A8%D8%AC%D8%A7%D9%8A%D8%A9-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_203">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh5TURNOmZlYXR1cmVzIg==--edddf675429a13da49a8424941e5eb23013d3bb7a9531f0295f3270a8c079a02"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBc20yIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42ODBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7be9003021772732a2b3518e8b429d7938e7fbd6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/IMG_7219.mov?locale=en" />
    </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="/en/activities/Du-quad-dans-lErg-occidental">
        Du quad dans l’Erg occidental
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">El Meniaa, El Menia</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="/en/activities/Du-quad-dans-lErg-occidental">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_189">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4T0RrOmZlYXR1cmVzIg==--dc7bb1a365ee35dac31d5c1a5fe9f9065e6e6a9dee84ca29087d7af76f027bda"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbytMIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42OTBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--6bb8b8b7c33ca6653a24f980fa66bf8df677b655/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_0210.jpg?locale=en" />
    </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="/en/activities/%D8%AC%D9%88%D9%84%D8%A9-%D8%B3%D9%8A%D8%A7%D8%AD%D9%8A%D8%A9-%D9%81%D9%8A-%D9%82%D8%B5%D8%B1-%D9%88-%D9%88%D8%A7%D8%AD%D8%A9-%D8%A8%D9%88%D8%B3%D9%85%D8%BA%D9%88%D9%86">
        جولة سياحية في قصر و واحة بوسمغون
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>One Day Trips &amp; Tours</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Boussemghoun, El Bayadh</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="/en/activities/%D8%AC%D9%88%D9%84%D8%A9-%D8%B3%D9%8A%D8%A7%D8%AD%D9%8A%D8%A9-%D9%81%D9%8A-%D9%82%D8%B5%D8%B1-%D9%88-%D9%88%D8%A7%D8%AD%D8%A9-%D8%A8%D9%88%D8%B3%D9%85%D8%BA%D9%88%D9%86">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_150">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TlRBOmZlYXR1cmVzIg==--9f1adb0da669f9660379b1144af7d5ca04eb5dbec92ffb64a6f61c83eddfaa89"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdVZtIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny42OThaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--68a6424f9bc5c53902c361ae4dc52ab67d5c2fdd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/VID_20250526_071220_408.mp4?locale=en" />
    </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="/en/activities/-Balade-en-bateau--Explorez-les-merveilles-de-la-cte-">
        🚤 Balade en bateau – Explorez les merveilles de...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Tipaza, Tipaza</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          12,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="/en/activities/-Balade-en-bateau--Explorez-les-merveilles-de-la-cte-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_149">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TkRrOmZlYXR1cmVzIg==--1b7d84bb6bb36be91b98d38d2007c5dd9747c0f3f938cb437f619d03fe4bad19"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdUJtIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43MTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d0117f82e0ffd88c6bf55772058843c06cbe7816/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/VID_20250414_151333_040.mp4?locale=en" />
    </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="/en/activities/-Stand-Up-Paddle--Lquilibre-entre-dtente-et-fun-">
        🌅 Stand Up Paddle – L’équilibre entre détente e...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Tipaza, Tipaza</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="/en/activities/-Stand-Up-Paddle--Lquilibre-entre-dtente-et-fun-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_148">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TkRnOmZlYXR1cmVzIg==--e826bcaf34e37c841baa7995fd4d17e7848f6224230078a76f1d0b2562eba4c7"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbEZnIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43MjBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--14b2a6d6450cc63006fcb06e35d7cfc31ddfdff0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/d7b1ef37a2804bc0a7bda74d109ed588.mov?locale=en" />
    </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="/en/activities/Sortie-kayak-">
        Sortie kayak 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Aïn Benian, Alger</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="/en/activities/Sortie-kayak-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_138">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TXpnOmZlYXR1cmVzIg==--6b9ec11ad19e75e9e4849685615c51ab7277b06d8373e74104ca3af3dcfdad99"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcDljIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43MjhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--0ff568a3844908472ce20579b6c6a277c7306383/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/VID_20250526_053853_486.mp4?locale=en" />
    </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="/en/activities/Jetski---Sentez-ladrnaline-gotez--la-libert---">
        Jetski - Sentez l&#39;adrénaline, goûtez à la liber...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Tipaza, Tipaza</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          15,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="/en/activities/Jetski---Sentez-ladrnaline-gotez--la-libert---">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_137">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzh4TXpjOmZlYXR1cmVzIg==--5f04071c584e4fdf677e5b144ff73391d9e12744dc9f4f782ef8a6a9b119eeec"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbXBjIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43MzZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--4ccf9151a0bd8a796f63fe8fa0a580754056fac2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/WhatsApp%20Video%202025-05-26%20at%2012.21.13.mp4?locale=en" />
    </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="/en/activities/-Balade-en-quad">
        🏍️ Balade en quad  (Complexe touristique l&#39;etoi...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Aïn Abid, Constantine</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="/en/activities/-Balade-en-quad">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_99">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzg1T1E6ZmVhdHVyZXMi--8e2a8cb85687d0d5223db5e76c4c3813d9bf2cbc3cdf0f38972c9d3e031015d6"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdTlPIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43NDVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b368e58d604bc120c1413fc20bfc0850c4b68533/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/ssstik.io_1746374178036.mp4?locale=en" />
    </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="/en/activities/Crossdeluxedz-Balade-en-montagne-en-Moto-cross-Quad-ou-Buggy">
        Crossdeluxedz Balade en montagne en Moto-cross,...
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Djinet, Boumerdès</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          8,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="/en/activities/Crossdeluxedz-Balade-en-montagne-en-Moto-cross-Quad-ou-Buggy">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_98">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzg1T0E6ZmVhdHVyZXMi--6b11df6f9a66f70efba49c3ded3c5e7975ce590560d700a71c039b437691b1cd"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbFJPIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43NTdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--49c0fffdd945df7ce5d3fa6053b9724437e3d10c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_7147.png?locale=en" />
    </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="/en/activities/Balades-en-bateau-">
        Balades en bateau 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Bejaia, Béjaïa</span>
    </li>
    <div class="h5 text-info mb-0 me-2">
          25,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="/en/activities/Balades-en-bateau-">
      Choose
</a>  </div>
</article>

    </div>
    <div class="col" id="activity_92">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlCWTNScGRtbDBlUzg1TWc6ZmVhdHVyZXMi--27af6670bb8a917dbc06be0c65d09522cd6be539a16252eda3732c6a1f6781da"></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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdU0vIiwiZXhwIjoiMjAyNi0wNS0wOFQwMjoxMjo0Ny43NjVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--901838f2bd11b58ee797fbcb7ba422fdd4e1e71e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQXRBQ2FRTFFBam9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--a02a76deec01d68a615ce68c0484125d034ffa6b/VID_20250429_225851_858.mp4?locale=en" />
    </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="/en/activities/Bejaia-the-pearl-of-the-east-">
        Bejaia the pearl of the east 
</a>    </h3>
    <ul class="list-unstyled flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
      <li>Adventures &amp; Outdoor</li>
    </ul>
    <ul class="list-inline flex-row flex-wrap align-items-center gap-2 fs-sm mb-2">
    </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">Bejaia, Béjaïa</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="/en/activities/Bejaia-the-pearl-of-the-east-">
      Choose
</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="/en/activities.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>