<turbo-stream action="append" target="date-group-2027-03-05-tours">
    <template>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="MOESCZ"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;890,&quot;tour_code&quot;&#x3A;&quot;MOESCZ&quot;,&quot;tour_name&quot;&#x3A;&quot;All-inclusive&#x20;kitesurfing&#x20;camp&#x20;in&#x20;Essaouira&#x20;in&#x20;a&#x20;villa&#x20;with&#x20;a&#x20;swimming&#x20;pool&quot;,&quot;position&quot;&#x3A;235,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Great&#x20;deals&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;2076,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;1485,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlantic&#x20;Coast&#x20;of&#x20;Morocco&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-MOESCZ"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-kitesurf/trip-all-inclusive-kitesurfing-camp-in-essaouira-in-a-villa-with-a-swimming-pool/MOESCZ"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/LQ8N15.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/LQ8N15.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/LQ8N15.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/LQ8N15.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-31053"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="31053"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=31053"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;890,&quot;tour_code&quot;&#x3A;&quot;MOESCZ&quot;,&quot;tour_name&quot;&#x3A;&quot;All-inclusive&#x20;kitesurfing&#x20;camp&#x20;in&#x20;Essaouira&#x20;in&#x20;a&#x20;villa&#x20;with&#x20;a&#x20;swimming&#x20;pool&quot;,&quot;position&quot;&#x3A;235,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Great&#x20;deals&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;2076,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;1485,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlantic&#x20;Coast&#x20;of&#x20;Morocco&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-kite-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 45">
  <g>
    <path d="M28.91,23.91l-3.18-2.07a1.41,1.41,0,0,1,0,.88c-.14.4-1.16,2.73-1.74,4.06l1,.09ZM21.59,37,25,39.47l1.75,2.44c.65-.43,1.26-.8,1.79-1.09a12.18,12.18,0,0,1,1.22-.55L25.88,37ZM46,18.27c-1.42.26-3.29.58-4.44.74-2.59.34-3.67.19-4.21-1.61l-7,6.46,1.94,1.26a.39.39,0,0,1,.14.17.42.42,0,0,1,0,.39.39.39,0,0,1-.55.12l-2.21-1.43a2.41,2.41,0,0,1-.59.93c-.38.41-1.84,2-2.78,3a1.74,1.74,0,0,1-1.79.75C23.92,29,22.19,29,21,29a26.4,26.4,0,0,1-1.2,3.74l1,1.32,4.86-.18a1.56,1.56,0,0,1,1.56.61l4.72,5c1.67-.62,3.28-1.17,3.28-1.17l3.11,1.1a18.33,18.33,0,0,1-5.11,6.11c-.67.49-2.79,1.91-3.71,2.51A70.42,70.42,0,0,0,43.62,49.2V50a71.35,71.35,0,0,1-17.39-1.87A70.8,70.8,0,0,0,9,46.28v-.8a75,75,0,0,1,11.67.78c.73-.56,2.32-1.77,4-2.95l-2-2s-5.16-2.4-6.42-2.9a9.57,9.57,0,0,1-1.28-4c-.45-3.12.13-6.27,1.4-7.64a1.67,1.67,0,0,1,1.41-.59l1.52.19,3.25-.95,2.63-3.9-1.35-.87A.41.41,0,0,1,23.7,20a.39.39,0,0,1,.55-.12l1.23.79,1-6.88-.61.08c-1.13.14-1.42-.15-1.35-1.48.17-3.39,1.88-6.22,4.2-6.22h0c2,0,3.7,1.49,4.9,3.45a.15.15,0,0,1-.18.21c-1.76-.66-2.63,1.83-2.72,2.76-.05.51-.16.56-.71.65l-2.87.45-1,7.38,1.28.83L33,10.57a.32.32,0,0,1,.44-.14.33.33,0,0,1,.15.44L27.92,22.3l1.82,1.19,7.37-6.8c-1-3.36-2.75-9.36-6.93-10.76a.15.15,0,0,1,0-.29l5.1-.39L38.47,5c5.39-.41,7.81,8.94,8.38,11.36.25,1.07.32,1.68-.89,1.9ZM16.17,23.7a3.32,3.32,0,0,1-.43-2.27c.23-1,1.43-1.73,3.06-1.58a2.77,2.77,0,0,1,2.49,2.35l-.72.27a3,3,0,0,1-.1.5c-.13.39-.58,1.78-.81,2.5-.09.3-.43.21-.85.15l-.88-.13s-.79-1-1.32-1.78Z" transform="translate(-9 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Kitesurf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Essaouira / Atlantic Coast of Morocco</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">All-inclusive kitesurfing camp in Essaouira in a villa with a swimming pool</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>8 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                                                    <span class="w-full text-left text-xs">From </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        CHF846
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        CHF941
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -CHF95
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;All-inclusive kitesurfing camp in Essaouira in a villa with a swimming pool&quot;"]);
    product.push(["productId", "MOESCZ"]);
    product.push(["productUnitPrice", 'CHF940.50']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;MOGASURF&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "1"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udea8 Great deals&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Kitesurf&quot;']);
    product.push(["productCategory5", '&quot;Kitesurf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="YUXRGH"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;841,&quot;tour_code&quot;&#x3A;&quot;YUXRGH&quot;,&quot;tour_name&quot;&#x3A;&quot;Complete&#x20;your&#x20;Open&#x20;Water&#x20;certification&#x20;in&#x20;Thailand&quot;,&quot;position&quot;&#x3A;236,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Scuba&#x20;diving&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Water&#x20;Sports&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1446,&quot;primary_destination_name&quot;&#x3A;&quot;Thailand&quot;,&quot;secondary_destination_id&quot;&#x3A;902,&quot;secondary_destination_name&quot;&#x3A;&quot;Asia&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-YUXRGH"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-scuba-diving/trip-complete-your-open-water-certification-in-thailand/YUXRGH"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/WCUUM3.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/WCUUM3.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/WCUUM3.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/WCUUM3.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-31396"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="31396"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=31396"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;841,&quot;tour_code&quot;&#x3A;&quot;YUXRGH&quot;,&quot;tour_name&quot;&#x3A;&quot;Complete&#x20;your&#x20;Open&#x20;Water&#x20;certification&#x20;in&#x20;Thailand&quot;,&quot;position&quot;&#x3A;236,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Scuba&#x20;diving&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Water&#x20;Sports&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1446,&quot;primary_destination_name&quot;&#x3A;&quot;Thailand&quot;,&quot;secondary_destination_id&quot;&#x3A;902,&quot;secondary_destination_name&quot;&#x3A;&quot;Asia&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-plongee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 45">
  <g>
    <path d="M44.32,22.34l2.59-3.56.93-5.85s-1.35-.74-3-1.58a3.19,3.19,0,0,0-3-.24,7,7,0,0,0-2.21,2.54l-.14-.07a7.88,7.88,0,0,1,2-3.23,2.26,2.26,0,0,0-.56-1l.84-1.53-1.58-.85-.85,1.56a2.49,2.49,0,0,0-2.49,1.35L30,23.74a.64.64,0,0,0,.29.85l3.47,1.72L31,33c-1.58,0-10.18,0-11.71,0-.34-1.86-1.1-1.67-1.1-1.67A57.26,57.26,0,0,0,13.14,35a14.37,14.37,0,0,1-7.92,2.86L5,38.46c2.71,1,9.19-2.67,9.19-2.67l14,.8-1.94,2.59s-1.91.57-1.1,1.53,2.41,2.81,3.15,3.71a14.93,14.93,0,0,1,3,5.58l.72-.09s-.23-2-3.11-6.35l-.65-3.13,3.1-3.2L29.74,37l-.16-.31,0,0h2a2.83,2.83,0,0,0,2-1.07L40.21,28l2.1-2.89-2.72-1.34.3-.5s4.37,2.13,5.34,2.59,3.07,1.28,4-.32c-1.29-.81-3.33-2.13-4.92-3.18M48.7,8.11a.78.78,0,0,0,1,.73c.17,0,0,0,.9-.2,0,0-.11-.63-.23-1.27l0-.07h0c-.68,0-1.61.21-1.61.81M50,11.83a15.75,15.75,0,0,1-1.74.24,14.76,14.76,0,0,1-3.37-1.85,3.6,3.6,0,0,1-.72-1.63A3.14,3.14,0,0,1,46.79,5a3.2,3.2,0,0,1,3.29,1.68c-1,.12-2,.48-2.08,1.15a1.56,1.56,0,0,0,1.82,1.58,6.87,6.87,0,0,0,.84-.21c.12.69.25,1.42.33,1.92s-.41.55-1,.67" transform="translate(-5 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Scuba diving</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : Beginner<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Beginner
                        </span>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (1)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Thailand / Asia</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Complete your Open Water certification in Thailand</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>8 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF799
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Complete your Open Water certification in Thailand&quot;"]);
    product.push(["productId", "YUXRGH"]);
    product.push(["productUnitPrice", 'CHF798.95']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;All 4 diving&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "2"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Thailand&quot;"]);
    
            product.push(["productCategory4", '&quot;Scuba diving&quot;']);
    product.push(["productCategory5", '&quot;Scuba diving&quot;']);
                product.push(["productCategory4", '&quot;Water Sports&quot;']);
    product.push(["productCategory5", '&quot;Water Sports&quot;']);
                product.push(["productCategory4", '&quot;Snorkeling&quot;']);
    product.push(["productCategory5", '&quot;Snorkeling&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ULXCFB"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1558,&quot;tour_code&quot;&#x3A;&quot;ULXCFB&quot;,&quot;tour_name&quot;&#x3A;&quot;Multi-activity&#x20;packages&#x20;between&#x20;the&#x20;Soufri&#x5C;u00e8re&#x20;volcano&#x20;and&#x20;the&#x20;&#x5C;u00celes&#x20;des&#x20;Saintes.&quot;,&quot;position&quot;&#x3A;237,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Summer&#x20;multi-activity&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Hiking,&#x20;Trail&#x20;Running&#x20;&amp;&#x20;Adventure&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;11,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1734,&quot;primary_destination_name&quot;&#x3A;&quot;Pointe-&#x5C;u00e0-Pitre&quot;,&quot;secondary_destination_id&quot;&#x3A;1467,&quot;secondary_destination_name&quot;&#x3A;&quot;Guadeloupe&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-ULXCFB"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-summer-multi-activity/trip-multi-activity-packages-between-the-soufriere-volcano-and-the-iles-des-saintes/ULXCFB"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/UJCXRC.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/UJCXRC.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/UJCXRC.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/UJCXRC.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-31473"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="31473"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=31473"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1558,&quot;tour_code&quot;&#x3A;&quot;ULXCFB&quot;,&quot;tour_name&quot;&#x3A;&quot;Multi-activity&#x20;packages&#x20;between&#x20;the&#x20;Soufri&#x5C;u00e8re&#x20;volcano&#x20;and&#x20;the&#x20;&#x5C;u00celes&#x20;des&#x20;Saintes.&quot;,&quot;position&quot;&#x3A;237,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Summer&#x20;multi-activity&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Hiking,&#x20;Trail&#x20;Running&#x20;&amp;&#x20;Adventure&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;11,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1734,&quot;primary_destination_name&quot;&#x3A;&quot;Pointe-&#x5C;u00e0-Pitre&quot;,&quot;secondary_destination_id&quot;&#x3A;1467,&quot;secondary_destination_name&quot;&#x3A;&quot;Guadeloupe&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-multiactivites-ete" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.89 46.06">
  <g>
    <path d="M15.81,17.57a5.89,5.89,0,1,0-5.89-5.9A5.89,5.89,0,0,0,15.81,17.57Zm0-10a4.14,4.14,0,1,1-4.14,4.14A4.14,4.14,0,0,1,15.81,7.57Z" transform="translate(0 -0.07)"/>
    <path d="M54.22,44.54H54l.19,0H52.6a4.33,4.33,0,0,1-4.32-4.33,1.16,1.16,0,0,1,2.32,0h0a.76.76,0,0,0,.64.76h.13a.76.76,0,0,0,.72-.51A4.82,4.82,0,0,0,51,35.57a6.4,6.4,0,0,0-1.47-1.06A4.72,4.72,0,0,0,47,33.75a5,5,0,0,0-2.59.75,5.36,5.36,0,0,0-1.59,1.07,6.72,6.72,0,0,0-.74.86l-.25.35-.32-.29A4.67,4.67,0,0,1,39.92,33a1.32,1.32,0,0,1,2.64,0,.78.78,0,0,0,.64.76h.13a.78.78,0,0,0,.72-.51,5.16,5.16,0,0,0-1.2-5.35,6.23,6.23,0,0,0-8.79,0,7.58,7.58,0,0,0-1.84,3A10.72,10.72,0,0,1,29.39,35a.73.73,0,0,0-.26.53.76.76,0,0,0,.2.56.77.77,0,0,0,.57.25.74.74,0,0,0,.51-.2,11,11,0,0,0,1-1.05l.47-.54.19.7a7.61,7.61,0,0,0,2,3.36.77.77,0,0,0,.54.22.76.76,0,0,0,.76-.78.75.75,0,0,0-.22-.53,6,6,0,0,1,0-8.49l0,0a4.68,4.68,0,0,1,6.62,0h0a3.38,3.38,0,0,1,.5.63l.48.77-.88-.19a2.56,2.56,0,0,0-.62-.07A2.86,2.86,0,0,0,38.39,33a6.28,6.28,0,0,0,.84,3.14A6.39,6.39,0,0,0,40.9,38l.23.17-.11.27a9.35,9.35,0,0,1-8.69,6.1,2.66,2.66,0,0,1-1.84-.78,4.21,4.21,0,0,0-5.95,0,2.67,2.67,0,0,1-3.77,0,4.2,4.2,0,0,0-5.93,0l0,0a2.78,2.78,0,0,1-3.82,0,4.2,4.2,0,0,0-5.93,0l0,0a2.68,2.68,0,0,1-3.78,0,.77.77,0,0,0-.5-.26.75.75,0,0,0-.55.23.78.78,0,0,0,0,1.08,4.17,4.17,0,0,0,3,1.23,4.17,4.17,0,0,0,3-1.23,2.67,2.67,0,0,1,3.77,0,4.2,4.2,0,0,0,5.95,0l.05,0a2.68,2.68,0,0,1,3.78,0,4.21,4.21,0,0,0,5.95,0,2.68,2.68,0,0,1,3.78,0,4.08,4.08,0,0,0,2.89,1.23h.13a10.16,10.16,0,0,0,6-2.06,11.25,11.25,0,0,0,1.89-1.69l.46-.51.13.72a7,7,0,0,0,1.78,3,.75.75,0,0,0,1.08,0,.76.76,0,0,0,0-1.07h0a5.53,5.53,0,0,1,0-7.81A4.46,4.46,0,0,1,45,35.8l.13-.08a3.6,3.6,0,0,1,1.69-.46,3.28,3.28,0,0,1,1.59.42l.17.11h.06a4.18,4.18,0,0,1,1,.77,3.9,3.9,0,0,1,.33.38l.53.74-.9-.13a2.71,2.71,0,0,0-3.07,2.27,2.56,2.56,0,0,0,0,.39,5.86,5.86,0,0,0,5.86,5.86H54a.77.77,0,0,0,.18-1.53Z" transform="translate(0 -0.07)"/>
    <path d="M21.28,27.28a3.81,3.81,0,0,0-3.17-2.16,3.81,3.81,0,0,0-3.17,2.16L7.06,40.93a5.55,5.55,0,0,1,1-.09,8.26,8.26,0,0,1,1,.09l7.37-12.77a2.16,2.16,0,0,1,1.66-1.29,2.13,2.13,0,0,1,1.65,1.29c.07.11,1.56,2.69,1.91,3.29a1,1,0,0,0,.81.46.94.94,0,0,0,.81-.47c1-1.79,6.27-10.87,6.27-10.87a2.16,2.16,0,0,1,1.66-1.29,2.2,2.2,0,0,1,1.67,1.29l2.51,4.35a8.06,8.06,0,0,1,1.74-.5L34.39,19.7a3.81,3.81,0,0,0-3.17-2.13A3.83,3.83,0,0,0,28,19.7l-5.56,9.65Z" transform="translate(0 -0.07)"/>
    <path d="M5.07,11.48H8a.72.72,0,0,0,0-1.43H5.07a.72.72,0,0,0,0,1.43Z" transform="translate(0 -0.07)"/>
    <path d="M23,10.76a.72.72,0,0,0,.72.72h2.86a.72.72,0,0,0,0-1.43H23.7A.71.71,0,0,0,23,10.76Z" transform="translate(0 -0.07)"/>
    <path d="M21.81,5.8l.09-.09,2-2a.71.71,0,0,0-1-1l-2,2a.71.71,0,0,0,.91,1.09Z" transform="translate(0 -0.07)"/>
    <path d="M9.78,5.71a.72.72,0,0,0,1,0,.74.74,0,0,0,0-1l-2-2a.72.72,0,0,0-1,0,.74.74,0,0,0,0,1Z" transform="translate(0 -0.07)"/>
    <path d="M15.83,4.33h0a.71.71,0,0,0,.71-.71V.71a.72.72,0,0,0-1.43,0V3.62A.71.71,0,0,0,15.83,4.33Z" transform="translate(0 -0.07)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Summer multi-activity</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : Intermediate<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Intermediate
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Pointe-à-Pitre / Guadeloupe</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Multi-activity packages between the Soufrière volcano and the Îles des Saintes.</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>11 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF1’480
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Multi-activity packages between the Soufri\u00e8re volcano and the \u00celes des Saintes.&quot;"]);
    product.push(["productId", "ULXCFB"]);
    product.push(["productUnitPrice", 'CHF1’480.10']);
    product.push(["duration", "11"]);
    product.push(["productBrand", "&quot;Vert Intense&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "3"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Pointe-\u00e0-Pitre&quot;"]);
    
            product.push(["productCategory4", '&quot;Summer multi-activity&quot;']);
    product.push(["productCategory5", '&quot;Summer multi-activity&quot;']);
                product.push(["productCategory4", '&quot;Hiking, Trail Running &amp; Adventure&quot;']);
    product.push(["productCategory5", '&quot;Hiking, Trail Running &amp; Adventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="EBBVHN"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1161,&quot;tour_code&quot;&#x3A;&quot;EBBVHN&quot;,&quot;tour_name&quot;&#x3A;&quot;Kitesurfing&#x20;coaching&#x20;and&#x20;luxury&#x20;comfort&#x20;in&#x20;the&#x20;Ceara&#x20;lagoons&quot;,&quot;position&quot;&#x3A;238,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;10,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1398,&quot;primary_destination_name&quot;&#x3A;&quot;Brazil&quot;,&quot;secondary_destination_id&quot;&#x3A;1088,&quot;secondary_destination_name&quot;&#x3A;&quot;America&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-EBBVHN"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-kitesurf/trip-kitesurfing-coaching-and-luxury-comfort-in-the-ceara-lagoons/EBBVHN"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/O5DPP4.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/O5DPP4.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/O5DPP4.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/O5DPP4.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-30613"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="30613"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=30613"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1161,&quot;tour_code&quot;&#x3A;&quot;EBBVHN&quot;,&quot;tour_name&quot;&#x3A;&quot;Kitesurfing&#x20;coaching&#x20;and&#x20;luxury&#x20;comfort&#x20;in&#x20;the&#x20;Ceara&#x20;lagoons&quot;,&quot;position&quot;&#x3A;238,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;10,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1398,&quot;primary_destination_name&quot;&#x3A;&quot;Brazil&quot;,&quot;secondary_destination_id&quot;&#x3A;1088,&quot;secondary_destination_name&quot;&#x3A;&quot;America&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-kite-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 45">
  <g>
    <path d="M28.91,23.91l-3.18-2.07a1.41,1.41,0,0,1,0,.88c-.14.4-1.16,2.73-1.74,4.06l1,.09ZM21.59,37,25,39.47l1.75,2.44c.65-.43,1.26-.8,1.79-1.09a12.18,12.18,0,0,1,1.22-.55L25.88,37ZM46,18.27c-1.42.26-3.29.58-4.44.74-2.59.34-3.67.19-4.21-1.61l-7,6.46,1.94,1.26a.39.39,0,0,1,.14.17.42.42,0,0,1,0,.39.39.39,0,0,1-.55.12l-2.21-1.43a2.41,2.41,0,0,1-.59.93c-.38.41-1.84,2-2.78,3a1.74,1.74,0,0,1-1.79.75C23.92,29,22.19,29,21,29a26.4,26.4,0,0,1-1.2,3.74l1,1.32,4.86-.18a1.56,1.56,0,0,1,1.56.61l4.72,5c1.67-.62,3.28-1.17,3.28-1.17l3.11,1.1a18.33,18.33,0,0,1-5.11,6.11c-.67.49-2.79,1.91-3.71,2.51A70.42,70.42,0,0,0,43.62,49.2V50a71.35,71.35,0,0,1-17.39-1.87A70.8,70.8,0,0,0,9,46.28v-.8a75,75,0,0,1,11.67.78c.73-.56,2.32-1.77,4-2.95l-2-2s-5.16-2.4-6.42-2.9a9.57,9.57,0,0,1-1.28-4c-.45-3.12.13-6.27,1.4-7.64a1.67,1.67,0,0,1,1.41-.59l1.52.19,3.25-.95,2.63-3.9-1.35-.87A.41.41,0,0,1,23.7,20a.39.39,0,0,1,.55-.12l1.23.79,1-6.88-.61.08c-1.13.14-1.42-.15-1.35-1.48.17-3.39,1.88-6.22,4.2-6.22h0c2,0,3.7,1.49,4.9,3.45a.15.15,0,0,1-.18.21c-1.76-.66-2.63,1.83-2.72,2.76-.05.51-.16.56-.71.65l-2.87.45-1,7.38,1.28.83L33,10.57a.32.32,0,0,1,.44-.14.33.33,0,0,1,.15.44L27.92,22.3l1.82,1.19,7.37-6.8c-1-3.36-2.75-9.36-6.93-10.76a.15.15,0,0,1,0-.29l5.1-.39L38.47,5c5.39-.41,7.81,8.94,8.38,11.36.25,1.07.32,1.68-.89,1.9ZM16.17,23.7a3.32,3.32,0,0,1-.43-2.27c.23-1,1.43-1.73,3.06-1.58a2.77,2.77,0,0,1,2.49,2.35l-.72.27a3,3,0,0,1-.1.5c-.13.39-.58,1.78-.81,2.5-.09.3-.43.21-.85.15l-.88-.13s-.79-1-1.32-1.78Z" transform="translate(-9 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Kitesurf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Brazil / America</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Kitesurfing coaching and luxury comfort in the Ceara lagoons</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>10 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF1’103
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Kitesurfing coaching and luxury comfort in the Ceara lagoons&quot;"]);
    product.push(["productId", "EBBVHN"]);
    product.push(["productUnitPrice", 'CHF1’102.95']);
    product.push(["duration", "10"]);
    product.push(["productBrand", "&quot;Kite On&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "4"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Brazil&quot;"]);
    
            product.push(["productCategory4", '&quot;Kitesurf&quot;']);
    product.push(["productCategory5", '&quot;Kitesurf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="KLMIXP"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;519,&quot;tour_code&quot;&#x3A;&quot;KLMIXP&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfing&#x20;and&#x20;local&#x20;vibes&#x20;in&#x20;Fuerteventura&quot;,&quot;position&quot;&#x3A;239,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1524,&quot;primary_destination_name&quot;&#x3A;&quot;Fuerteventura&quot;,&quot;secondary_destination_id&quot;&#x3A;1263,&quot;secondary_destination_name&quot;&#x3A;&quot;Canary&#x20;Islands&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-KLMIXP"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-surf/trip-surfing-and-local-vibes-in-fuerteventura/KLMIXP"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/ZC9TOL.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/ZC9TOL.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/ZC9TOL.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/ZC9TOL.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-28242"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="28242"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=28242"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;519,&quot;tour_code&quot;&#x3A;&quot;KLMIXP&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfing&#x20;and&#x20;local&#x20;vibes&#x20;in&#x20;Fuerteventura&quot;,&quot;position&quot;&#x3A;239,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1524,&quot;primary_destination_name&quot;&#x3A;&quot;Fuerteventura&quot;,&quot;secondary_destination_id&quot;&#x3A;1263,&quot;secondary_destination_name&quot;&#x3A;&quot;Canary&#x20;Islands&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="4 / 5 (1)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">4/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Fuerteventura / Canary Islands</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surfing and local vibes in Fuerteventura</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>8 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF493
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Surfing and local vibes in Fuerteventura&quot;"]);
    product.push(["productId", "KLMIXP"]);
    product.push(["productUnitPrice", 'CHF493.05']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Blue Passion SL&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "5"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Fuerteventura&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="EAFWPK"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;616,&quot;tour_code&quot;&#x3A;&quot;EAFWPK&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfing&#x20;excellence,&#x20;in&#x20;the&#x20;heart&#x20;of&#x20;Ngor&#x20;Island&#x20;off&#x20;the&#x20;coast&#x20;of&#x20;Senegal&quot;,&quot;position&quot;&#x3A;240,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Great&#x20;deals&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1377,&quot;primary_destination_name&quot;&#x3A;&quot;Senegal&quot;,&quot;secondary_destination_id&quot;&#x3A;770,&quot;secondary_destination_name&quot;&#x3A;&quot;Africa&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-EAFWPK"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-surf/trip-surfing-excellence-in-the-heart-of-ngor-island-off-the-coast-of-senegal/EAFWPK"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/TDEM28.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/TDEM28.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/TDEM28.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/TDEM28.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-29509"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="29509"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=29509"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;616,&quot;tour_code&quot;&#x3A;&quot;EAFWPK&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfing&#x20;excellence,&#x20;in&#x20;the&#x20;heart&#x20;of&#x20;Ngor&#x20;Island&#x20;off&#x20;the&#x20;coast&#x20;of&#x20;Senegal&quot;,&quot;position&quot;&#x3A;240,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Great&#x20;deals&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1377,&quot;primary_destination_name&quot;&#x3A;&quot;Senegal&quot;,&quot;secondary_destination_id&quot;&#x3A;770,&quot;secondary_destination_name&quot;&#x3A;&quot;Africa&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Senegal / Africa</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surfing excellence, in the heart of Ngor Island off the coast of Senegal</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>7 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                                                    <span class="w-full text-left text-xs">From </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        CHF585
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        CHF836
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -CHF251
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Surfing excellence, in the heart of Ngor Island off the coast of Senegal&quot;"]);
    product.push(["productId", "EAFWPK"]);
    product.push(["productUnitPrice", 'CHF836.00']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Ngor Surfcamp Teranga&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "6"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udea8 Great deals&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Senegal&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="LVTUBB"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;635,&quot;tour_code&quot;&#x3A;&quot;LVTUBB&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;and&#x20;yoga&#x20;week&#x20;in&#x20;Tamraght&#x3A;&#x20;an&#x20;escape&#x20;between&#x20;sea&#x20;and&#x20;well-being&quot;,&quot;position&quot;&#x3A;241,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Great&#x20;deals&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1749,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;1485,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlantic&#x20;Coast&#x20;of&#x20;Morocco&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-LVTUBB"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-surf/trip-surf-and-yoga-week-in-tamraght-an-escape-between-sea-and-well-being/LVTUBB"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/QAKXOM.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/QAKXOM.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/QAKXOM.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/QAKXOM.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-28440"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="28440"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=28440"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;635,&quot;tour_code&quot;&#x3A;&quot;LVTUBB&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;and&#x20;yoga&#x20;week&#x20;in&#x20;Tamraght&#x3A;&#x20;an&#x20;escape&#x20;between&#x20;sea&#x20;and&#x20;well-being&quot;,&quot;position&quot;&#x3A;241,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Great&#x20;deals&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1749,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;1485,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlantic&#x20;Coast&#x20;of&#x20;Morocco&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (3)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Tamraght / Atlantic Coast of Morocco</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surf and yoga week in Tamraght: an escape between sea and well-being</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>8 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                                                    <span class="w-full text-left text-xs">From </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        CHF603
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        CHF698
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -CHF95
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Surf and yoga week in Tamraght: an escape between sea and well-being&quot;"]);
    product.push(["productId", "LVTUBB"]);
    product.push(["productUnitPrice", 'CHF698.25']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Original Surf Morocco&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "7"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udea8 Great deals&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Tamraght&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="WARTKX"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;880,&quot;tour_code&quot;&#x3A;&quot;WARTKX&quot;,&quot;tour_name&quot;&#x3A;&quot;Hiking&#x20;excursion&#x20;in&#x20;the&#x20;Atlas&#x20;Mountains&#x20;and&#x20;immersion&#x20;in&#x20;the&#x20;Moroccan&#x20;Sahara&quot;,&quot;position&quot;&#x3A;242,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Summer&#x20;multi-activity&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Hiking,&#x20;Trail&#x20;Running&#x20;&amp;&#x20;Adventure&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;4,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1740,&quot;primary_destination_name&quot;&#x3A;&quot;Marrakech&quot;,&quot;secondary_destination_id&quot;&#x3A;1173,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlas&#x20;Mountains&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-WARTKX"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-summer-multi-activity/trip-hiking-excursion-in-the-atlas-mountains-and-immersion-in-the-moroccan-sahara/WARTKX"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/12DHFU.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/12DHFU.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/12DHFU.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/12DHFU.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-28820"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="28820"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=28820"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;880,&quot;tour_code&quot;&#x3A;&quot;WARTKX&quot;,&quot;tour_name&quot;&#x3A;&quot;Hiking&#x20;excursion&#x20;in&#x20;the&#x20;Atlas&#x20;Mountains&#x20;and&#x20;immersion&#x20;in&#x20;the&#x20;Moroccan&#x20;Sahara&quot;,&quot;position&quot;&#x3A;242,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Summer&#x20;multi-activity&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Hiking,&#x20;Trail&#x20;Running&#x20;&amp;&#x20;Adventure&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;4,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1740,&quot;primary_destination_name&quot;&#x3A;&quot;Marrakech&quot;,&quot;secondary_destination_id&quot;&#x3A;1173,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlas&#x20;Mountains&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-multiactivites-ete" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.89 46.06">
  <g>
    <path d="M15.81,17.57a5.89,5.89,0,1,0-5.89-5.9A5.89,5.89,0,0,0,15.81,17.57Zm0-10a4.14,4.14,0,1,1-4.14,4.14A4.14,4.14,0,0,1,15.81,7.57Z" transform="translate(0 -0.07)"/>
    <path d="M54.22,44.54H54l.19,0H52.6a4.33,4.33,0,0,1-4.32-4.33,1.16,1.16,0,0,1,2.32,0h0a.76.76,0,0,0,.64.76h.13a.76.76,0,0,0,.72-.51A4.82,4.82,0,0,0,51,35.57a6.4,6.4,0,0,0-1.47-1.06A4.72,4.72,0,0,0,47,33.75a5,5,0,0,0-2.59.75,5.36,5.36,0,0,0-1.59,1.07,6.72,6.72,0,0,0-.74.86l-.25.35-.32-.29A4.67,4.67,0,0,1,39.92,33a1.32,1.32,0,0,1,2.64,0,.78.78,0,0,0,.64.76h.13a.78.78,0,0,0,.72-.51,5.16,5.16,0,0,0-1.2-5.35,6.23,6.23,0,0,0-8.79,0,7.58,7.58,0,0,0-1.84,3A10.72,10.72,0,0,1,29.39,35a.73.73,0,0,0-.26.53.76.76,0,0,0,.2.56.77.77,0,0,0,.57.25.74.74,0,0,0,.51-.2,11,11,0,0,0,1-1.05l.47-.54.19.7a7.61,7.61,0,0,0,2,3.36.77.77,0,0,0,.54.22.76.76,0,0,0,.76-.78.75.75,0,0,0-.22-.53,6,6,0,0,1,0-8.49l0,0a4.68,4.68,0,0,1,6.62,0h0a3.38,3.38,0,0,1,.5.63l.48.77-.88-.19a2.56,2.56,0,0,0-.62-.07A2.86,2.86,0,0,0,38.39,33a6.28,6.28,0,0,0,.84,3.14A6.39,6.39,0,0,0,40.9,38l.23.17-.11.27a9.35,9.35,0,0,1-8.69,6.1,2.66,2.66,0,0,1-1.84-.78,4.21,4.21,0,0,0-5.95,0,2.67,2.67,0,0,1-3.77,0,4.2,4.2,0,0,0-5.93,0l0,0a2.78,2.78,0,0,1-3.82,0,4.2,4.2,0,0,0-5.93,0l0,0a2.68,2.68,0,0,1-3.78,0,.77.77,0,0,0-.5-.26.75.75,0,0,0-.55.23.78.78,0,0,0,0,1.08,4.17,4.17,0,0,0,3,1.23,4.17,4.17,0,0,0,3-1.23,2.67,2.67,0,0,1,3.77,0,4.2,4.2,0,0,0,5.95,0l.05,0a2.68,2.68,0,0,1,3.78,0,4.21,4.21,0,0,0,5.95,0,2.68,2.68,0,0,1,3.78,0,4.08,4.08,0,0,0,2.89,1.23h.13a10.16,10.16,0,0,0,6-2.06,11.25,11.25,0,0,0,1.89-1.69l.46-.51.13.72a7,7,0,0,0,1.78,3,.75.75,0,0,0,1.08,0,.76.76,0,0,0,0-1.07h0a5.53,5.53,0,0,1,0-7.81A4.46,4.46,0,0,1,45,35.8l.13-.08a3.6,3.6,0,0,1,1.69-.46,3.28,3.28,0,0,1,1.59.42l.17.11h.06a4.18,4.18,0,0,1,1,.77,3.9,3.9,0,0,1,.33.38l.53.74-.9-.13a2.71,2.71,0,0,0-3.07,2.27,2.56,2.56,0,0,0,0,.39,5.86,5.86,0,0,0,5.86,5.86H54a.77.77,0,0,0,.18-1.53Z" transform="translate(0 -0.07)"/>
    <path d="M21.28,27.28a3.81,3.81,0,0,0-3.17-2.16,3.81,3.81,0,0,0-3.17,2.16L7.06,40.93a5.55,5.55,0,0,1,1-.09,8.26,8.26,0,0,1,1,.09l7.37-12.77a2.16,2.16,0,0,1,1.66-1.29,2.13,2.13,0,0,1,1.65,1.29c.07.11,1.56,2.69,1.91,3.29a1,1,0,0,0,.81.46.94.94,0,0,0,.81-.47c1-1.79,6.27-10.87,6.27-10.87a2.16,2.16,0,0,1,1.66-1.29,2.2,2.2,0,0,1,1.67,1.29l2.51,4.35a8.06,8.06,0,0,1,1.74-.5L34.39,19.7a3.81,3.81,0,0,0-3.17-2.13A3.83,3.83,0,0,0,28,19.7l-5.56,9.65Z" transform="translate(0 -0.07)"/>
    <path d="M5.07,11.48H8a.72.72,0,0,0,0-1.43H5.07a.72.72,0,0,0,0,1.43Z" transform="translate(0 -0.07)"/>
    <path d="M23,10.76a.72.72,0,0,0,.72.72h2.86a.72.72,0,0,0,0-1.43H23.7A.71.71,0,0,0,23,10.76Z" transform="translate(0 -0.07)"/>
    <path d="M21.81,5.8l.09-.09,2-2a.71.71,0,0,0-1-1l-2,2a.71.71,0,0,0,.91,1.09Z" transform="translate(0 -0.07)"/>
    <path d="M9.78,5.71a.72.72,0,0,0,1,0,.74.74,0,0,0,0-1l-2-2a.72.72,0,0,0-1,0,.74.74,0,0,0,0,1Z" transform="translate(0 -0.07)"/>
    <path d="M15.83,4.33h0a.71.71,0,0,0,.71-.71V.71a.72.72,0,0,0-1.43,0V3.62A.71.71,0,0,0,15.83,4.33Z" transform="translate(0 -0.07)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Summer multi-activity</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Marrakech / Atlas Mountains</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Hiking excursion in the Atlas Mountains and immersion in the Moroccan Sahara</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>4 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF836
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Hiking excursion in the Atlas Mountains and immersion in the Moroccan Sahara&quot;"]);
    product.push(["productId", "WARTKX"]);
    product.push(["productUnitPrice", 'CHF836.00']);
    product.push(["duration", "4"]);
    product.push(["productBrand", "&quot;Magical Toubkal Trek&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "8"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Marrakech&quot;"]);
    
            product.push(["productCategory4", '&quot;Summer multi-activity&quot;']);
    product.push(["productCategory5", '&quot;Summer multi-activity&quot;']);
                product.push(["productCategory4", '&quot;Hiking, Trail Running &amp; Adventure&quot;']);
    product.push(["productCategory5", '&quot;Hiking, Trail Running &amp; Adventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="IBNWED"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;480,&quot;tour_code&quot;&#x3A;&quot;IBNWED&quot;,&quot;tour_name&quot;&#x3A;&quot;5&#x20;nights&#x20;in&#x20;a&#x20;Beach&#x20;Surf&#x20;House&#x20;&#x2B;&#x20;4&#x20;days&#x20;of&#x20;intensive&#x20;surfing&quot;,&quot;position&quot;&#x3A;243,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;6,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1530,&quot;primary_destination_name&quot;&#x3A;&quot;Lanzarote&quot;,&quot;secondary_destination_id&quot;&#x3A;1263,&quot;secondary_destination_name&quot;&#x3A;&quot;Canary&#x20;Islands&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-IBNWED"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-surf/trip-5-nights-in-a-beach-surf-house-4-days-of-intensive-surfing/IBNWED"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/3AD9RD.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/3AD9RD.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/3AD9RD.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/3AD9RD.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-28552"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="28552"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=28552"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;480,&quot;tour_code&quot;&#x3A;&quot;IBNWED&quot;,&quot;tour_name&quot;&#x3A;&quot;5&#x20;nights&#x20;in&#x20;a&#x20;Beach&#x20;Surf&#x20;House&#x20;&#x2B;&#x20;4&#x20;days&#x20;of&#x20;intensive&#x20;surfing&quot;,&quot;position&quot;&#x3A;243,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glide&#x20;and&#x20;wind&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;6,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;1530,&quot;primary_destination_name&quot;&#x3A;&quot;Lanzarote&quot;,&quot;secondary_destination_id&quot;&#x3A;1263,&quot;secondary_destination_name&quot;&#x3A;&quot;Canary&#x20;Islands&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : Beginner<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Beginner
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Lanzarote / Canary Islands</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">5 nights in a Beach Surf House + 4 days of intensive surfing</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>6 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF456
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;5 nights in a Beach Surf House + 4 days of intensive surfing&quot;"]);
    product.push(["productId", "IBNWED"]);
    product.push(["productUnitPrice", 'CHF456.00']);
    product.push(["duration", "6"]);
    product.push(["productBrand", "&quot;Surf School Famara S.L.&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "9"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Lanzarote&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="OAMSCT"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;730,&quot;tour_code&quot;&#x3A;&quot;OAMSCT&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&amp;&#x20;yoga&#x20;retreat&#x20;-&#x20;Essaouira,&#x20;Sidi&#x20;Kaouki&quot;,&quot;position&quot;&#x3A;244,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Wellness&#x20;&amp;&#x20;Fitness&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;2076,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;1485,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlantic&#x20;Coast&#x20;of&#x20;Morocco&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-OAMSCT"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-yoga/trip-surf-yoga-retreat-essaouira-sidi-kaouki/OAMSCT"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/T2UOWO.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/T2UOWO.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/T2UOWO.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/T2UOWO.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-28825"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="28825"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=28825"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;730,&quot;tour_code&quot;&#x3A;&quot;OAMSCT&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&amp;&#x20;yoga&#x20;retreat&#x20;-&#x20;Essaouira,&#x20;Sidi&#x20;Kaouki&quot;,&quot;position&quot;&#x3A;244,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Wellness&#x20;&amp;&#x20;Fitness&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;2076,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;1485,&quot;secondary_destination_name&quot;&#x3A;&quot;Atlantic&#x20;Coast&#x20;of&#x20;Morocco&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-yoga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 40">
  <g>
    <path d="M24.77,12.47a2.14,2.14,0,0,0-1.1,1.86,2.57,2.57,0,0,0,.1.73,22.46,22.46,0,0,0,1.13,2.3.42.42,0,0,0,.39.27h1.24a.43.43,0,0,0,.37-.24s.9-1.67,1.13-2.33a2.53,2.53,0,0,0,.12-.73,2.14,2.14,0,0,0-1.1-1.86,1.14,1.14,0,0,0-2.28,0M34.35,34.8c-1.41.57-6.78,2.92-6.78,2.92a1.67,1.67,0,0,1,.73-1.93l4.26-2.71-5.5-3.32L27,37.84s.74,6,.93,7.59S27.36,48,26.58,48c0,0-3.72-15.9-4-17.38a9.52,9.52,0,0,1,.71-5.05L23,22.46s-2.66-6-2.95-9.84a1.06,1.06,0,0,1,.45-1L25.4,8a1.65,1.65,0,0,1-.33,1.64c-.67.61-3.24,3.16-3.24,3.16a22.6,22.6,0,0,0,2.34,5.64h3.45A21.23,21.23,0,0,0,30,12.8L26.78,9.65A1.65,1.65,0,0,1,26.45,8l5,3.62a.89.89,0,0,1,.35.8,38.85,38.85,0,0,1-1.75,7.13c-1,2.48-1.81,4.28-1.81,4.28l.57,1.82s4.95,4.3,5.91,5.06c1.39,1.08,2.07,3.08-.4,4.08" transform="translate(-20 -8)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Yoga</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (1)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Essaouira / Atlantic Coast of Morocco</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surf &amp; yoga retreat - Essaouira, Sidi Kaouki</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>8 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF694
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Surf &amp; yoga retreat - Essaouira, Sidi Kaouki&quot;"]);
    product.push(["productId", "OAMSCT"]);
    product.push(["productUnitPrice", 'CHF693.50']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Holy Surf - Surf Camp&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "10"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Yoga&quot;']);
    product.push(["productCategory5", '&quot;Yoga&quot;']);
                product.push(["productCategory4", '&quot;Wellness &amp; Fitness&quot;']);
    product.push(["productCategory5", '&quot;Wellness &amp; Fitness&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ODBLBA"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;978,&quot;tour_code&quot;&#x3A;&quot;ODBLBA&quot;,&quot;tour_name&quot;&#x3A;&quot;Offshore&#x20;reefs&#x20;and&#x20;advanced&#x20;diving&#x20;adventures&quot;,&quot;position&quot;&#x3A;245,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Scuba&#x20;diving&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Water&#x20;Sports&quot;,&quot;physical_difficulty&quot;&#x3A;3,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;848,&quot;primary_destination_name&quot;&#x3A;&quot;Marsa&#x20;Alam&quot;,&quot;secondary_destination_id&quot;&#x3A;836,&quot;secondary_destination_name&quot;&#x3A;&quot;Red&#x20;Sea&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-ODBLBA"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-scuba-diving/trip-offshore-reefs-and-advanced-diving-adventures/ODBLBA"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/JISV6R.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/JISV6R.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/JISV6R.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/JISV6R.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-32351"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="32351"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=32351"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;978,&quot;tour_code&quot;&#x3A;&quot;ODBLBA&quot;,&quot;tour_name&quot;&#x3A;&quot;Offshore&#x20;reefs&#x20;and&#x20;advanced&#x20;diving&#x20;adventures&quot;,&quot;position&quot;&#x3A;245,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Scuba&#x20;diving&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Water&#x20;Sports&quot;,&quot;physical_difficulty&quot;&#x3A;3,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;848,&quot;primary_destination_name&quot;&#x3A;&quot;Marsa&#x20;Alam&quot;,&quot;secondary_destination_id&quot;&#x3A;836,&quot;secondary_destination_name&quot;&#x3A;&quot;Red&#x20;Sea&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-plongee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 45">
  <g>
    <path d="M44.32,22.34l2.59-3.56.93-5.85s-1.35-.74-3-1.58a3.19,3.19,0,0,0-3-.24,7,7,0,0,0-2.21,2.54l-.14-.07a7.88,7.88,0,0,1,2-3.23,2.26,2.26,0,0,0-.56-1l.84-1.53-1.58-.85-.85,1.56a2.49,2.49,0,0,0-2.49,1.35L30,23.74a.64.64,0,0,0,.29.85l3.47,1.72L31,33c-1.58,0-10.18,0-11.71,0-.34-1.86-1.1-1.67-1.1-1.67A57.26,57.26,0,0,0,13.14,35a14.37,14.37,0,0,1-7.92,2.86L5,38.46c2.71,1,9.19-2.67,9.19-2.67l14,.8-1.94,2.59s-1.91.57-1.1,1.53,2.41,2.81,3.15,3.71a14.93,14.93,0,0,1,3,5.58l.72-.09s-.23-2-3.11-6.35l-.65-3.13,3.1-3.2L29.74,37l-.16-.31,0,0h2a2.83,2.83,0,0,0,2-1.07L40.21,28l2.1-2.89-2.72-1.34.3-.5s4.37,2.13,5.34,2.59,3.07,1.28,4-.32c-1.29-.81-3.33-2.13-4.92-3.18M48.7,8.11a.78.78,0,0,0,1,.73c.17,0,0,0,.9-.2,0,0-.11-.63-.23-1.27l0-.07h0c-.68,0-1.61.21-1.61.81M50,11.83a15.75,15.75,0,0,1-1.74.24,14.76,14.76,0,0,1-3.37-1.85,3.6,3.6,0,0,1-.72-1.63A3.14,3.14,0,0,1,46.79,5a3.2,3.2,0,0,1,3.29,1.68c-1,.12-2,.48-2.08,1.15a1.56,1.56,0,0,0,1.82,1.58,6.87,6.87,0,0,0,.84-.21c.12.69.25,1.42.33,1.92s-.41.55-1,.67" transform="translate(-5 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Scuba diving</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : Confirmed<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Confirmed
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Marsa Alam / Red Sea</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Offshore reefs and advanced diving adventures</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>7 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF929
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Offshore reefs and advanced diving adventures&quot;"]);
    product.push(["productId", "ODBLBA"]);
    product.push(["productUnitPrice", 'CHF929.10']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Wanderlust Blue Diving Center&quot;"]);
    product.push(["level", "3"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "11"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Marsa Alam&quot;"]);
    
            product.push(["productCategory4", '&quot;Scuba diving&quot;']);
    product.push(["productCategory5", '&quot;Scuba diving&quot;']);
                product.push(["productCategory4", '&quot;Water Sports&quot;']);
    product.push(["productCategory5", '&quot;Water Sports&quot;']);
                product.push(["productCategory4", '&quot;Snorkeling&quot;']);
    product.push(["productCategory5", '&quot;Snorkeling&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="QUFVCZ"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;389,&quot;tour_code&quot;&#x3A;&quot;QUFVCZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfing&#x20;and&#x20;local&#x20;vibes&#x20;in&#x20;Jeffreys&#x20;Bay&#x20;-&#x20;7&#x20;days&quot;,&quot;position&quot;&#x3A;246,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Wellness&#x20;&amp;&#x20;Fitness&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;773,&quot;primary_destination_name&quot;&#x3A;&quot;South&#x20;Africa&quot;,&quot;secondary_destination_id&quot;&#x3A;770,&quot;secondary_destination_name&quot;&#x3A;&quot;Africa&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-QUFVCZ"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/en-ch/trips/sport-yoga/trip-surfing-and-local-vibes-in-jeffreys-bay-7-days/QUFVCZ"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">5</span>
                        <span
                            class="text-xs text-content-quiet">Mar</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/GJ35RL.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/GJ35RL.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/GJ35RL.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/GJ35RL.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-29047"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="29047"
        data-favorite-connection-url-param="https://www.decathlontravel.com/en-ch/mon-compte/mes-favoris?tourId=29047"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;389,&quot;tour_code&quot;&#x3A;&quot;QUFVCZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfing&#x20;and&#x20;local&#x20;vibes&#x20;in&#x20;Jeffreys&#x20;Bay&#x20;-&#x20;7&#x20;days&quot;,&quot;position&quot;&#x3A;246,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Wellness&#x20;&amp;&#x20;Fitness&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;773,&quot;primary_destination_name&quot;&#x3A;&quot;South&#x20;Africa&quot;,&quot;secondary_destination_id&quot;&#x3A;770,&quot;secondary_destination_name&quot;&#x3A;&quot;Africa&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg class="size-s fill-content-neutral" id="icon-yoga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 40">
  <g>
    <path d="M24.77,12.47a2.14,2.14,0,0,0-1.1,1.86,2.57,2.57,0,0,0,.1.73,22.46,22.46,0,0,0,1.13,2.3.42.42,0,0,0,.39.27h1.24a.43.43,0,0,0,.37-.24s.9-1.67,1.13-2.33a2.53,2.53,0,0,0,.12-.73,2.14,2.14,0,0,0-1.1-1.86,1.14,1.14,0,0,0-2.28,0M34.35,34.8c-1.41.57-6.78,2.92-6.78,2.92a1.67,1.67,0,0,1,.73-1.93l4.26-2.71-5.5-3.32L27,37.84s.74,6,.93,7.59S27.36,48,26.58,48c0,0-3.72-15.9-4-17.38a9.52,9.52,0,0,1,.71-5.05L23,22.46s-2.66-6-2.95-9.84a1.06,1.06,0,0,1,.45-1L25.4,8a1.65,1.65,0,0,1-.33,1.64c-.67.61-3.24,3.16-3.24,3.16a22.6,22.6,0,0,0,2.34,5.64h3.45A21.23,21.23,0,0,0,30,12.8L26.78,9.65A1.65,1.65,0,0,1,26.45,8l5,3.62a.89.89,0,0,1,.35.8,38.85,38.85,0,0,1-1.75,7.13c-1,2.48-1.81,4.28-1.81,4.28l.57,1.82s4.95,4.3,5.91,5.06c1.39,1.08,2.07,3.08-.4,4.08" transform="translate(-20 -8)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Yoga</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Level : All levels<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            All levels
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>South Africa / Africa</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surfing and local vibes in Jeffreys Bay - 7 days</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Travel independently, at your own pace.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>Self-guided</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Duration<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>7 days</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">From </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    CHF370
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Surfing and local vibes in Jeffreys Bay - 7 days&quot;"]);
    product.push(["productId", "QUFVCZ"]);
    product.push(["productUnitPrice", 'CHF369.55']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Surf Lodge South Africa&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "12"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;South Africa&quot;"]);
    
            product.push(["productCategory4", '&quot;Yoga&quot;']);
    product.push(["productCategory5", '&quot;Yoga&quot;']);
                product.push(["productCategory4", '&quot;Wellness &amp; Fitness&quot;']);
    product.push(["productCategory5", '&quot;Wellness &amp; Fitness&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glide and wind&quot;']);
    product.push(["productCategory5", '&quot;Glide and wind&quot;']);
        
    productsList.push(product);
</script>

            </div>
            </template>
</turbo-stream>

    <turbo-stream action="replace" target="date-group-2027-03-05-loadmore">
        <template>
            <div id="date-group-2027-03-05-loadmore" class="py-m text-center">
                



    <a
        href="/en-ch/voyages/date-tours?afterDate=2027-02-27&amp;offset=246&amp;targetDate=2027-03-05"
        class="vp-button vp-button--secondary vp-button--medium vp-button--regular vp-button--rounded text-content-brand"
         target="_self" data-turbo="true" data-turbo-stream data-controller="form-spinner" data-action="click-&gt;form-spinner#submit"
    >
            <span class="vp-button__label">
                <span class="leading-4">
                         Show more stays (764 remaining)
                        </span>
                      <span
                 data-part="end-slot"><svg class="text-content-brand size-l" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 13.9L12 20.9M12 20.9L5 13.9M12 20.9V2.4" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
             </span>

    </a>
            </div>
        </template>
    </turbo-stream>
