www.clubmed.com.hk
Open in
urlscan Pro
72.246.29.15
Public Scan
Submitted URL: http://links.contact.clubmed.com/els/v2/dmxRTgd2YyFYe/TDlOWW1DbUtiYUZhMUVNejgvMnpwTTR1L0kwS01VR1RtTjJwcGNqR1N6V2JMMGNjYUwzb21jbzI...
Effective URL: https://www.clubmed.com.hk/r/les-arcs-panorama/w?utm_source=ClubMed&utm_medium=Email&utm_campaign=EM_C_03__GC_173_AE_RELW23...
Submission: On October 21 via api from US — Scanned from DE
Effective URL: https://www.clubmed.com.hk/r/les-arcs-panorama/w?utm_source=ClubMed&utm_medium=Email&utm_campaign=EM_C_03__GC_173_AE_RELW23...
Submission: On October 21 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="py-30" id="booking">
<h2 class="border-b-1 border-grey font-bold leading-tight mb-20 pb-10 reset-heading text-blue text-24 md:text-32 air360-replay-ignore" data-cs-mask="true">View our prices and customise your criteria</h2>
<h3 class="font-bold font-sans leading-tight mb-20 reset-heading text-20" data-selector="BookingCriteriaStep-title--1"><span class="rtl:mr-10 text-28 text-blue">1<!-- -->.</span>Choose your transport</h3>
<div class="md:flex mb-20 md:mb-30">
<div class="mb-20 md:mb-0 md:flex-1">
<div data-testid="TransportCriteria-trigger">
<div class="relative">
<div class="w-full border-1 flex items-stretch rounded-2 text-14 transition-colors duration-250 ease-in bg-white border-grey text-darkGrey focus-within:border-blue hover:border-blue focus-within:text-blue hover:text-blue"><button
class="reset-button flex items-center flex-1 justify-center overflow-hidden text-current text-initial" data-testid="criteria-trigger-button" style="min-height:calc(46rem / 16)" type="button"><span
class="flex-shrink-0 mx-10 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="noTransport" data-testid="icon" style="height:1.25rem;width:1.25rem"><span
class=" block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M26.7076 3.30705C27.0981 3.69757 27.0882 4.34063 26.6855 4.74336L4.80938 26.6195C4.40666 27.0222 3.7636 27.0321 3.37307 26.6416C2.98255 26.251 2.99244 25.608 3.39517 25.2053L25.2713 3.32915C25.674 2.92642 26.3171 2.91653 26.7076 3.30705ZM4.315 19.2941C4.64242 19.4726 5.00357 19.5808 5.37526 19.6116C5.74696 19.6424 6.121 19.5952 6.47337 19.473L7.37849 19.1748L10.4817 16.0632L5.87659 17.6041C5.77467 17.6487 5.66462 17.6718 5.55335 17.6718C5.44208 17.6718 5.332 17.6487 5.23008 17.6041C5.1586 17.5668 5.09588 17.5147 5.04614 17.4513C4.9964 17.3879 4.96077 17.3145 4.94163 17.2363C4.90842 16.9868 4.95501 16.7332 5.0747 16.5118C5.19439 16.2904 5.38107 16.1125 5.60805 16.0036L14.1221 12.1563H14.1818V9.00492C14.1818 6.78803 14.689 5.44598 15.0372 5.07816C15.256 5.32669 15.8826 6.46991 15.8826 9.00492V10.7446L17.7923 8.82599C17.7923 5.93309 16.9071 3.07001 15.0372 3.07001C14.783 3.07502 14.5326 3.13234 14.3016 3.23839C14.0705 3.34443 13.8639 3.49693 13.6944 3.68636C12.8191 4.58107 12.2721 6.61905 12.2721 8.995V10.8739L4.84216 14.234C4.49196 14.3875 4.17458 14.6069 3.90723 14.8802C3.53623 15.2574 3.26684 15.7223 3.12423 16.2316C2.98161 16.741 2.9704 17.2781 3.09163 17.793C3.2866 18.4344 3.72596 18.9735 4.315 19.2941ZM25.2311 14.1643L21.2526 12.355L19.7806 13.8362L24.4951 15.9636C24.7241 16.0701 24.9126 16.2476 25.0327 16.4696C25.1527 16.6917 25.1979 16.9466 25.1615 17.1964C25.1392 17.2759 25.1013 17.3502 25.0501 17.415C24.9989 17.4799 24.9353 17.5339 24.8631 17.5741C24.6585 17.654 24.4313 17.654 24.2266 17.5741L18.0698 15.5063L15.9114 17.6636V19.5823C15.9275 20.5906 15.7934 21.5957 15.5136 22.5646L15.245 23.4096L17.7515 24.533C18.0004 24.6415 18.2428 24.7644 18.4776 24.9008L17.9803 24.7517C16.0737 24.2214 14.0584 24.2214 12.1517 24.7517C12.0012 24.8048 11.8507 24.8421 11.7072 24.8777L11.7072 24.8777L11.6544 24.8909C11.883 24.7617 12.1316 24.6425 12.3801 24.5232L12.3805 24.523L14.887 23.4196L14.6184 22.5646C14.3393 21.5956 14.2053 20.5905 14.2206 19.5823V19.3536L12.3705 21.2225C12.406 21.6064 12.4624 21.9881 12.5396 22.3658L11.5947 22.7833C10.8769 23.0902 10.207 23.4987 9.60546 23.9962L9.09819 24.5031C8.90675 24.6916 8.76553 24.925 8.68735 25.182C8.60918 25.4389 8.59656 25.7114 8.65063 25.9745C8.69691 26.1512 8.77907 26.3165 8.892 26.4602C9.00493 26.6039 9.14622 26.7228 9.30709 26.8095C9.68351 26.9959 10.1008 27.0848 10.5205 27.068C11.2687 27.0431 12.0092 26.9091 12.7187 26.6704C14.2469 26.263 15.8553 26.263 17.3835 26.6704C18.209 26.9388 20.2381 27.4656 21.1134 26.561C21.2674 26.3978 21.3799 26.2001 21.4416 25.9844C21.8792 24.3143 18.8357 22.9324 18.4577 22.7833L17.4631 22.3658C17.6474 21.4663 17.7374 20.5501 17.7316 19.6319V17.5443L23.5303 19.5325C24.0009 19.6994 24.5095 19.7282 24.996 19.6155C25.4824 19.5027 25.9264 19.2532 26.2755 18.8963C26.5756 18.5827 26.7941 18.2005 26.9121 17.7829C27.0887 17.0785 27.0182 16.3349 26.7123 15.6763C26.4063 15.0177 25.8835 14.4839 25.2311 14.1643Z">
</path>
</svg></span></span><span class="flex-1 block truncate">Would you like a transport?</span></button><button class="flex items-center reset-button leading-0" data-testid="InputButtonClear" type="button"><span
class="bg-current border-current flex leading-0 mx-10 p-1 overflow-hidden rounded-24 shadow text-grey rtl:ml-10" style="width:calc(40rem / 16);height:calc(24rem / 16);padding:calc(2rem / 16)"><span aria-hidden="true"
class="bg-white flex font-bold items-center justify-center leading-0 rounded-24 text-center text-10 shadow text-grey" style="width:calc(20rem / 16);height:calc(20rem / 16)"><span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="off" data-testid="icon" style="height:calc(8rem / 16);width:calc(8rem / 16)"><span
class=" block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 500 500" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M250,0 C388.071188,0 500,111.928812 500,250 C500,388.071188 388.071188,500 250,500 C111.928812,500 0,388.071188 0,250 C0,111.928812 111.928812,0 250,0 Z M250,111.111111 C173.293788,111.111111 111.111111,173.293788 111.111111,250 C111.111111,326.706213 173.293788,388.888888 250,388.888888 C326.706213,388.888888 388.888888,326.706213 388.888888,250 C388.888888,173.293788 326.706213,111.111111 250,111.111111 Z">
</path>
</svg></span></span></span></span></button><button class="reset-button flex items-center leading-0" style="min-height:calc(46rem / 16)"><span
class="inline-block mx-10 transition-transform duration-250 ease-in inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowDown" data-testid="icon"
style="height:.75rem;width:.75rem"><span class=" block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M16.4135055,21.4189896 C16.0391321,21.794715 15.5400357,22 15.0120627,22 C14.4791745,22 13.9823309,21.794715 13.6079575,21.4189896 L3.58320747,11.390289 C3.20641739,11.0145637 3,10.5175788 3,9.98555012 C3,9.4559108 3.20641739,8.95653658 3.58320747,8.58320059 C3.95760139,8.20767437 4.45440396,8 4.98712835,8 C5.5151014,8 6.01440252,8.20767437 6.38877596,8.58320059 L15.0120627,17.2097508 L23.632687,8.58320059 C24.0070605,8.20767437 24.5063616,8 25.0367922,8 C25.5647653,8 26.0638616,8.20767437 26.4384398,8.58320059 C27.1871867,9.33226192 27.1871867,10.6390374 26.4384398,11.390289 L16.4135055,21.4189896 Z">
</path>
</svg></span></span></button></div>
</div>
</div>
<div class="hidden md:block md:mt-30 px-5 leading-normal text-12 text-mediumGrey">
<p class="last:mb-0 mt-0 mb-10">All prices are indicative prices per adult, based on double occupancy. Type of room is based on availability. Prices and availability last checked: 24 hours ago.</p>
<p class="last:mb-0 mt-0 mb-10">Please note that:</p>
<ul class="last:mb-0 m-0 mb-10 list-none p-0">
<li class="last:mb-0 m-0 list-disc">Lunch is not included on your arrival date while it’s included on your departure date if you book only land package with us (without flight).</li>
<li class="last:mb-0 m-0 list-disc">Our normal check in time is after 3pm and check out time is before 10am. Early check in or late check out costs additional charges and is subject to resort availability.</li>
</ul>
</div>
</div>
<div class="md:flex-2 md:rtl:ml-95">
<div class="border-1 border-blue font-sans rounded-2 p-10">
<div class="text-12 md:text-16 text-blue font-bold">Carefree travel!</div>
<div class="text-10 md:text-14">Book your flight with Club Med and enjoy a peaceful travel. Roundtrip transfer from the airport will be included for all participants</div>
<div class="text-10 md:text-12 text-mediumGrey pt-10">*legal mentions</div>
</div>
<div class="md:hidden mt-20 leading-normal text-12 text-mediumGrey">
<p class="last:mb-0 mt-0 mb-10">All prices are indicative prices per adult, based on double occupancy. Type of room is based on availability. Prices and availability last checked: 24 hours ago.</p>
<p class="last:mb-0 mt-0 mb-10">Please note that:</p>
<ul class="last:mb-0 m-0 mb-10 list-none p-0">
<li class="last:mb-0 m-0 list-disc">Lunch is not included on your arrival date while it’s included on your departure date if you book only land package with us (without flight).</li>
<li class="last:mb-0 m-0 list-disc">Our normal check in time is after 3pm and check out time is before 10am. Early check in or late check out costs additional charges and is subject to resort availability.</li>
</ul>
</div>
</div>
</div>
<h3 class="font-bold font-sans leading-tight mb-20 reset-heading text-20" data-selector="BookingCriteriaStep-title--2"><span class="rtl:mr-10 text-28 text-blue">2<!-- -->.</span>Pick your arrival and departure dates</h3>
<div id="calendar" data-scroll-anchor="PriceCalendar">
<div class="-mx-20 md:mx-0 relative" style="min-height:450px">
<div class="relative">
<div class="z-1 overflow-hidden relative" dir="ltr" data-testid="scrollable">
<div class="overflow-hidden relative md:px-40">
<div class="scroll-x-area overflow-y-hidden tap-highlight-color-transparent">
<div class="flex mb-20 mx-5 sm:mx-15 md:mx-0">
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Oct</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Nov</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/2 sm:w-2/5 md:w-1/4"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-turquoise border-turquoise text-white" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">December<span> 2022</span></div>
<div class="text-10 sm:text-12 truncate uppercase w-full">from</div>
<div class="sm:mt-10 text-10 sm:text-14">HKD$ 14,777</div>
</button>
<div class="arrow-down arrow-large arrow-lightGrey arrow-bg arrow-bg-large arrow-bg-turquoise border-b-2 border-turquoise -mb-1 bottom-0 rtl:left-0 w-full transition-opacity duration-250 ease-in"></div>
</div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Jan</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">from</div>
<div class="sm:mt-10 text-10 sm:text-14">HKD$ 22,724</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Feb</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">from</div>
<div class="sm:mt-10 text-10 sm:text-14">HKD$ 23,095</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Mar</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">from</div>
<div class="sm:mt-10 text-10 sm:text-14">HKD$ 18,384</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Apr</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">from</div>
<div class="sm:mt-10 text-10 sm:text-14">HKD$ 12,880</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">May</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Jun</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Jul</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Aug</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Sep</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Oct</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Nov</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Dec</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Jan</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Feb</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Mar</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Apr</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">May</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Jun</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Jul</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Aug</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Sep</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="mb-10 sm:mb-15 border-1 cursor-pointer flex flex-col font-bold items-center justify-center overflow-hidden sm:p-10 w-full bg-white border-mediumGrey text-darkGrey" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">Oct</div>
</button></div>
</div>
</div>
</div>
<div>
<div class="mb-20 pb-10 sm:pb-20 absolute z-1 flex items-center justify-between inset-0 pointer-events-none w-full" data-testid="Scrollable-controls"><button aria-disabled="false"
class="mx-5 pointer-events-auto mr-auto reset-button block flex items-center justify-center leading-0 rounded-2 text-12 transition-colors duration-250 ease-in bg-blue focus:bg-blue-active hover:bg-blue-active text-white" type="button"
style="height: 28px; width: 28px;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowLeft" data-testid="icon" style="height: 1em; width: 1em;"><span
class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M8.58101035,16.4135055 C8.20528502,16.0391321 8,15.5400357 8,15.0120627 C8,14.4791745 8.20528502,13.9823309 8.58101035,13.6079575 L18.609711,3.58320747 C18.9854363,3.20641739 19.4824212,3 20.0144499,3 C20.5440892,3 21.0434634,3.20641739 21.4167994,3.58320747 C21.7923256,3.95760139 22,4.45440396 22,4.98712835 C22,5.5151014 21.7923256,6.01440252 21.4167994,6.38877596 L12.7902492,15.0120627 L21.4167994,23.632687 C21.7923256,24.0070605 22,24.5063616 22,25.0367922 C22,25.5647653 21.7923256,26.0638616 21.4167994,26.4384398 C20.6677381,27.1871867 19.3609626,27.1871867 18.609711,26.4384398 L8.58101035,16.4135055 Z">
</path>
</svg></span></span><span class="sr-only">booking.common.previousMonths</span></button><button aria-disabled="false"
class="mx-5 pointer-events-auto ml-auto reset-button block flex items-center justify-center leading-0 rounded-2 text-12 transition-colors duration-250 ease-in bg-blue focus:bg-blue-active hover:bg-blue-active text-white" type="button"
style="height: 28px; width: 28px;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowLeft" data-testid="icon"
style="height: 1em; transform: rotate(180deg); width: 1em;"><span class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path
d="M8.58101035,16.4135055 C8.20528502,16.0391321 8,15.5400357 8,15.0120627 C8,14.4791745 8.20528502,13.9823309 8.58101035,13.6079575 L18.609711,3.58320747 C18.9854363,3.20641739 19.4824212,3 20.0144499,3 C20.5440892,3 21.0434634,3.20641739 21.4167994,3.58320747 C21.7923256,3.95760139 22,4.45440396 22,4.98712835 C22,5.5151014 21.7923256,6.01440252 21.4167994,6.38877596 L12.7902492,15.0120627 L21.4167994,23.632687 C21.7923256,24.0070605 22,24.5063616 22,25.0367922 C22,25.5647653 21.7923256,26.0638616 21.4167994,26.4384398 C20.6677381,27.1871867 19.3609626,27.1871867 18.609711,26.4384398 L8.58101035,16.4135055 Z">
</path>
</svg></span></span><span class="sr-only">booking.common.nextMonths</span></button></div>
</div>
</div>
<hr class="absolute block border-0 border-solid border-mediumGrey border-t-1 h-1 m-0 -mt-20 p-0 w-full z-0">
</div>
<div class="w-full px-20 md:px-0">
<div class="pt-10 text-14 sm:text-16 flex items-center justify-between"><span>Prices based on<strong data-testid="prices-duration-label"> 7 nights</strong></span><button aria-disabled="true"
class="rtl:ml-10 reset-button inline-flex flex-col items-stretch overflow-hidden rounded-2 transition-colors duration-250 ease-in bg-grey border-grey text-white cursor-default pointer-events-none text-14" disabled="" type="button"
tabindex="0"><span class="flex justify-center items-center font-bold px-15 h-full py-5" style="min-height: 2.5rem; min-width: 10rem;"><span
class="flex-shrink-0 m-5 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="reload" data-testid="icon" style="height: 1em; width: 1em;"><span
class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full transform rtl:scale-x-1" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M25.6823 14.8729C25.4824 14.6764 25.235 14.5758 25.0146 14.6003C24.4558 14.6238 24.0205 15.0684 24.0224 15.6118C24.0243 16.0696 23.9982 16.5237 23.9462 16.9552C23.8299 17.7552 23.6253 18.5307 23.3408 19.2537C23.1436 19.7303 22.9111 20.1909 22.648 20.6253C22.5057 20.8603 22.3643 21.0709 22.1439 21.3736L22.077 21.4629C21.9859 21.5776 21.9012 21.68 21.8185 21.7806C21.4911 22.1623 21.1294 22.5252 20.7509 22.8533L20.339 23.1851C20.1418 23.3289 19.9558 23.4577 19.7763 23.5762C19.3569 23.8422 18.9152 24.0773 18.4689 24.2728C17.7584 24.568 17.0117 24.7767 16.2556 24.8951C15.4178 25.0032 14.578 25.0032 13.7653 24.8998C12.9944 24.7814 12.2393 24.5708 11.5251 24.2756C11.0982 24.0895 10.6844 23.8704 10.2948 23.627C10.0827 23.4906 9.8763 23.3506 9.68381 23.2096L9.24116 22.8504C8.8478 22.5111 8.48792 22.1482 8.17546 21.7769L7.81744 21.3247C7.67516 21.1357 7.53846 20.9327 7.38502 20.6845C7.0986 20.2173 6.8531 19.7388 6.65874 19.2668C6.3686 18.5326 6.16495 17.7646 6.05429 16.9871C5.94549 16.1241 5.94363 15.2611 6.04685 14.4263C6.16123 13.6367 6.36581 12.8592 6.65409 12.1231C6.84566 11.6681 7.05861 11.2432 7.28738 10.8606C7.41943 10.6425 7.55706 10.4272 7.69283 10.2336L8.04248 9.77668C8.36517 9.3809 8.71947 9.01051 9.08679 8.6796L9.52386 8.31202C9.71914 8.16161 9.91722 8.02154 10.1516 7.8683C10.5849 7.58534 11.0499 7.33246 11.5297 7.12188C12.2439 6.82387 12.9906 6.61517 13.743 6.50048C14.578 6.39237 15.4168 6.39237 16.2315 6.49578C17.0033 6.61423 17.7584 6.82293 18.4717 7.11812C18.7079 7.21965 18.9385 7.3334 19.1831 7.46689L19.9744 7.89463L17.5343 8.47372C17.2869 8.53388 17.0665 8.71062 16.9308 8.9588C16.7968 9.20134 16.7643 9.48337 16.8424 9.73155C17.0098 10.2712 17.4943 10.5504 18.0495 10.4291L22.342 9.4044C22.6731 9.3245 22.9362 9.05375 23.0283 8.70028C23.0804 8.5085 23.0841 8.31578 23.0432 8.16443L22.0435 3.75731C21.9887 3.50255 21.8166 3.27599 21.5748 3.13779C21.3423 2.99772 21.0587 2.962 20.8141 3.04097C20.2952 3.213 20.0079 3.73005 20.1316 4.27248L20.4924 5.87532L19.8721 5.55851V5.55757C19.1961 5.2135 18.4875 4.94088 17.763 4.7491C15.9088 4.26308 13.9578 4.2753 12.1193 4.78388C10.2222 5.31033 8.49443 6.35289 7.12092 7.80062C5.74555 9.25587 4.77563 11.0496 4.31718 12.9871C3.86523 14.8926 3.89685 16.8903 4.40831 18.7601C4.92907 20.7042 5.9613 22.4744 7.39339 23.8761C8.82734 25.2768 10.5812 26.2545 12.4624 26.7029C13.2873 26.9013 14.1438 27 14.9993 27C16.052 27 17.1028 26.8505 18.0904 26.5525C20.0125 25.9715 21.7413 24.8679 23.0906 23.359C24.5915 21.6763 25.5819 19.5319 25.8804 17.3209C25.9669 16.6778 26.006 16.1185 25.9994 15.6108C25.9976 15.3354 25.8813 15.0656 25.6823 14.8729">
</path>
</svg></span></span><span class="m-5 text-center"><span class="font-normal">Reset</span></span></span></button></div>
<div class="flex flex-wrap font-bold pb-10 pt-40 sm:py-20">
<div class="rtl:pr-15 sm:rtl:pr-20 text-12 sm:text-14 text-emerald"><span class="rounded-full inline-block bg-current rtl:mr-5" style="width: calc(0.625rem); height: calc(0.625rem);"></span>Best price</div>
<div class="rtl:pr-15 sm:rtl:pr-20 text-12 sm:text-14 text-orange"><span class="rounded-full inline-block bg-current rtl:mr-5" style="width: calc(0.625rem); height: calc(0.625rem);"></span>Last rooms</div>
<div class="text-12 sm:text-14 text-grey"><span class="rounded-full inline-block bg-current rtl:mr-5" style="width: calc(0.625rem); height: calc(0.625rem);"></span>Not available</div>
</div>
</div>
<div class="md:mb-20 md:mb-40 -mx-1 md:mx-0 relative font-base font-bold text-center">
<div class="relative sm:bg-white sm:rounded" lang="en">
<div class="" tabindex="0">
<div class="flex -m-10">
<div class="flex-1 p-10" role="grid">
<div class="" role="rowgroup">
<div class="flex" role="row">
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Sunday">Sunday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Monday">Monday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Tuesday">Tuesday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Wednesday">Wednesday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Thursday">Thursday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Friday">Friday</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="Saturday">Saturday</div>
</div>
</div>
<div class="body border-l border-b border-grey" role="rowgroup">
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Sun Nov 27, 2022" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">27</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Mon Nov 28, 2022" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">28</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Tue Nov 29, 2022" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">29</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="Wed Nov 30, 2022" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">30</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="0" role="gridcell" aria-label="Thu Dec 1, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">1</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Fri Dec 2, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">2</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sat Dec 3, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">3</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sun Dec 4, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">4</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Mon Dec 5, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">5</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Tue Dec 6, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">6</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Wed Dec 7, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">7</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Thu Dec 8, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">8</span></div><span class="hidden md:inline w-full font-normal">Call 3856 0468</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Fri Dec 9, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">9</span></div><span class="hidden md:inline w-full font-normal">Exclusivity</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="Sat Dec 10, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">10</span></div><span class="hidden md:inline w-full font-normal">Exclusivity</span>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-emerald hover:text-white" tabindex="-1"
role="gridcell" aria-label="Sun Dec 11, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">11</span>
<div></div>
</div>
<div class="flex flex-col" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">from</span><span data-testid="price" class="text-12 md:text-16">HKD$ 14,777</span><span
class="text-12 line-through hidden md:block text-current">HKD$ 21,110</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Mon Dec 12, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">12</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Tue Dec 13, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">13</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Wed Dec 14, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">14</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Thu Dec 15, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">15</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Fri Dec 16, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">16</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Sat Dec 17, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">17</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-darkGrey hover:text-white" tabindex="-1"
role="gridcell" aria-label="Sun Dec 18, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">18</span></div>
<div class="flex flex-col" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">from</span><span data-testid="price" class="text-12 md:text-16">HKD$ 22,923</span><span
class="text-12 line-through hidden md:block text-current">HKD$ 25,470</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Mon Dec 19, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">19</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Tue Dec 20, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">20</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Wed Dec 21, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">21</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Thu Dec 22, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">22</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Fri Dec 23, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">23</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Sat Dec 24, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">24</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-darkGrey hover:text-white" tabindex="-1"
role="gridcell" aria-label="Sun Dec 25, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">25</span></div>
<div class="flex flex-col" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">from</span><span data-testid="price" class="text-12 md:text-16">HKD$ 29,500</span><span
class="text-12 line-through hidden md:block text-current">HKD$ 32,200</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange hover:text-white" tabindex="-1"
role="gridcell" aria-label="Mon Dec 26, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">26</span>
<div></div>
</div>
<div class="flex flex-col" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">from</span><span data-testid="price" class="text-12 md:text-16">HKD$ 34,260</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Tue Dec 27, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">27</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Wed Dec 28, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">28</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Thu Dec 29, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">29</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Fri Dec 30, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">30</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="Sat Dec 31, 2022" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">31</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Sun Jan 1, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">1</span>
<div></div>
</div>
<div class="flex flex-col" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">from</span><span data-testid="price" class="text-12 md:text-16">HKD$ 26,910</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Mon Jan 2, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">2</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Tue Jan 3, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">3</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Wed Jan 4, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">4</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Thu Jan 5, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">5</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Fri Jan 6, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">6</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col items-center justify-center h-100 p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hover:text-white " tabindex="-1"
role="gridcell" aria-label="Sat Jan 7, 2023" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">7</span></div><span class="hidden md:inline w-full font-normal">No departure for the default duration but may be available for another one</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block sm:hidden p-10 text-14">
<div class="flex justify-between mb-5"><span>Arrival</span><span class="font-bold text-blue"> -</span></div>
<div class="flex justify-between mb-5"><span>Departure</span><span class="font-bold text-blue"> -</span></div>
</div>
</div>
</div>
<div class="mb-40 bg-white flex p-10 relative rounded-2 text-grenadine items-center border-1 border-current">
<div class="leading-0 rtl:pr-10"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="lightbulb" data-testid="icon" style="height:1.875rem;width:1.875rem"><span
class=" block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 444.44 500" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<g data-name="<Group>">
<path data-name="<Path>"
d="M157.52 325.93a11.24 11.24 0 0 1-1.62-.12 11.11 11.11 0 0 1-9.39-12.6s.35-8.33-10.72-19.39a122.36 122.36 0 0 1 0-172.85c47.69-47.66 125.23-47.63 172.86 0a122.36 122.36 0 0 1 0 172.85c-11.11 11.1-10.69 19.45-10.68 19.8a11.32 11.32 0 0 1-9.9 12 10.84 10.84 0 0 1-12.14-9.21c-.27-1.9-2.16-19.16 17-38.31a100 100 0 1 0-141.44 0c19.16 19.15 17.27 36.41 17 38.31a11.12 11.12 0 0 1-10.97 9.52zm125.8 48.14a11.19 11.19 0 0 1-1.35-.08l-122.16-14.82a11.11 11.11 0 0 1 2.66-22.06l122.16 14.81a11.11 11.11 0 0 1-1.32 22.14zm0 44.44a11.19 11.19 0 0 1-1.35-.08l-122.16-14.81a11.11 11.11 0 0 1 2.66-22.06l122.16 14.81a11.11 11.11 0 0 1-1.32 22.14zm0 44.45a11.19 11.19 0 0 1-1.35-.08l-122.16-14.82a11.11 11.11 0 0 1 2.66-22.06l122.16 14.82a11.11 11.11 0 0 1-1.32 22.14zM259.26 500h-74.08a11.11 11.11 0 0 1 0-22.22h74.07a11.11 11.11 0 1 1 0 22.22zM222.22 59.25a7.49 7.49 0 0 1-7.5-7.41V7.4a7.5 7.5 0 0 1 15 0v44.45a7.49 7.49 0 0 1-7.5 7.4zm-117.4 42.5a7.38 7.38 0 0 1-5.24-2.17L68.15 68.15a7.41 7.41 0 1 1 10.47-10.47l31.42 31.42a7.41 7.41 0 0 1-5.24 12.64zM51.85 214.62H7.41a7.5 7.5 0 0 1 0-15h44.44a7.5 7.5 0 0 1 0 15zm287.77-112.87a7.41 7.41 0 0 1-5.24-12.64l31.42-31.42a7.41 7.41 0 1 1 10.47 10.47l-31.41 31.46a7.38 7.38 0 0 1-5.24 2.13zm97.41 112.87h-44.44a7.5 7.5 0 0 1 0-15h44.44a7.5 7.5 0 0 1 0 15z">
</path>
</g>
</svg></span></span></div>
<div class="flex flex-col flex-1 items-center sm:flex-row">
<div class="sm:flex-1 p-10">
<h3 class="reset-heading font-bold font-sans text-14 text-current">SKI PASS INCLUDED!</h3>
<div class="font-sans text-14 leading-normal text-14 text-darkGrey">
<p class="last:mb-0 mt-0 mb-10">With Club Med, your ski pass is included: no more queues and more time to enjoy the slopes, with ski lessons available all week in Asia and from Monday to Friday in Europe! See the differences between our ski
packages
<a class="text-blue focus:text-turquoise hover:text-turquoise transition-color duration-250 ease-in underline" href="https://ns.clubmed.com/grc/2019/173/RWD/W20/skipackagedifference.JPG" target="_blank" rel="noopener noreferrer">here</a>.
</p>
</div>
</div>
</div>
</div>
<h3 class="font-bold font-sans leading-tight mb-20 reset-heading text-20" data-selector="BookingCriteriaStep-title--3"><span class="rtl:mr-10 text-28 text-blue">3<!-- -->.</span>Select number of guests to personalise your quote</h3>
<div class="flex flex-col md:flex-row md:items-start -mx-20">
<div class="pb-20 px-20 md:w-1/2">
<div class="bg-white flex flex-col md:flex-row justify-between px-20 py-10 rounded-2">
<div class="m-10 flex items-center justify-between" data-testid="ParticipantsAdultsSelect"><label class="text-14 rtl:mr-10 text-darkGrey" for="inputnumber_adults">Adults</label>
<div class="flex-shrink-0"><button
class="reset-button cursor-default bg-grey border-grey rounded-2 h-full text-mediumGrey transition-colors duration-250 ease-in cursor-pointer focus:bg-turquoise hover:bg-turquoise focus:border-turquoise hover:border-turquoise focus:text-white hover:text-white"
type="button" data-testid="adultsDecrementButton" style="height: 1.875rem; width: 1.875rem;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="minus"
data-testid="icon" style="height: 0.625rem; width: 0.625rem;"><span class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path
d="M3.49493393,13.8030277 C3.81550558,13.4841703 4.23893446,13.3075988 4.68807763,13.3075988 L25.3057895,13.3058845 C26.2383616,13.3058845 26.9977907,14.0653136 26.999505,14.9961714 C26.9977907,15.4521718 26.8229334,15.8790292 26.5040761,16.1978866 C26.1852187,16.5167439 25.7600755,16.6916012 25.3057895,16.6933155 L4.6932205,16.6933155 C4.23893446,16.6933155 3.81550558,16.5167439 3.49493393,16.1961723 C3.17607655,15.8773149 2.999505,15.4521718 2.999505,14.9978857 C2.999505,14.5487425 3.17607655,14.1235994 3.49493393,13.8030277 Z">
</path>
</svg></span></span></button><input autocomplete="off" class="reset-input reset-input-number mx-5 px-5 text-center text-14 outline-custom font-bold text-blue" id="inputnumber_adults" max="7" min="1" readonly="" step="1"
type="number" value="2" style="width: 2em; height: 1.875em; line-height: 1.875em;"><button
class="reset-button cursor-default bg-grey border-grey rounded-2 h-full text-mediumGrey transition-colors duration-250 ease-in cursor-pointer focus:bg-turquoise hover:bg-turquoise focus:border-turquoise hover:border-turquoise focus:text-white hover:text-white"
type="button" data-testid="adultsIncrementButton" style="height: 1.875rem; width: 1.875rem;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="plus"
data-testid="icon" style="height: 0.625rem; width: 0.625rem;"><span class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path
d="M25.3057895,13.3063638 L16.6932119,13.3080781 L16.6914976,4.69212335 C16.6914976,4.2395516 16.5149261,3.81612273 16.1960687,3.49726536 C15.8772113,3.1766937 15.4520682,3.00012214 14.9977821,3.00012214 C14.06521,3.00183643 13.3057809,3.76126554 13.3057809,4.69383764 L13.3057809,13.3080781 L4.68807763,13.3080781 C4.23893446,13.3080781 3.81550558,13.4846496 3.49493393,13.803507 C3.17607655,14.1240787 2.999505,14.5492218 2.999505,14.998365 C2.999505,15.452651 3.17607655,15.8777942 3.49493393,16.1966516 C3.81550558,16.5172232 4.23893446,16.6937948 4.6932205,16.6937948 L13.3057809,16.6937948 L13.3057809,25.3080866 C13.3057809,26.2389445 14.0669243,26.9983736 14.999505,27.0000879 C15.4520682,27.0000879 15.8772113,26.8252306 16.197783,26.5063732 C16.5166404,26.1858016 16.6932119,25.7606584 16.6914976,25.3098009 L16.6932119,16.6937948 L25.3057895,16.6937948 C25.7600755,16.6920805 26.1852187,16.5172232 26.5040761,16.1983659 C26.8229334,15.8795085 26.9977907,15.452651 26.999505,14.9966507 C26.9977907,14.0657929 26.2383616,13.3063638 25.3057895,13.3063638">
</path>
</svg></span></span></button></div>
</div>
<div class="mx-10 my-10 flex items-center justify-between" data-testid="ParticipantsChildrenSelect"><label class="text-14 rtl:mr-10" for="inputnumber_children">Children<div class="text-10 text-mediumGrey">under the age of 18</div></label>
<div class="flex-shrink-0"><button class="reset-button cursor-default bg-grey border-grey rounded-2 h-full text-mediumGrey transition-colors duration-250 ease-in" disabled="" type="button" data-testid="kidsDecrementButton"
style="height: 1.875rem; width: 1.875rem;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="minus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M3.49493393,13.8030277 C3.81550558,13.4841703 4.23893446,13.3075988 4.68807763,13.3075988 L25.3057895,13.3058845 C26.2383616,13.3058845 26.9977907,14.0653136 26.999505,14.9961714 C26.9977907,15.4521718 26.8229334,15.8790292 26.5040761,16.1978866 C26.1852187,16.5167439 25.7600755,16.6916012 25.3057895,16.6933155 L4.6932205,16.6933155 C4.23893446,16.6933155 3.81550558,16.5167439 3.49493393,16.1961723 C3.17607655,15.8773149 2.999505,15.4521718 2.999505,14.9978857 C2.999505,14.5487425 3.17607655,14.1235994 3.49493393,13.8030277 Z">
</path>
</svg></span></span></button><input autocomplete="off" class="reset-input reset-input-number mx-5 px-5 text-center text-14 outline-custom" id="inputnumber_children" max="7" min="0" readonly="" step="1" type="number" value="0"
style="width: 2em; height: 1.875em; line-height: 1.875em;"><button
class="reset-button cursor-default bg-grey border-grey rounded-2 h-full text-mediumGrey transition-colors duration-250 ease-in cursor-pointer focus:bg-turquoise hover:bg-turquoise focus:border-turquoise hover:border-turquoise focus:text-white hover:text-white"
type="button" data-testid="kidsIncrementButton" style="height: 1.875rem; width: 1.875rem;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="plus"
data-testid="icon" style="height: 0.625rem; width: 0.625rem;"><span class=" block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path
d="M25.3057895,13.3063638 L16.6932119,13.3080781 L16.6914976,4.69212335 C16.6914976,4.2395516 16.5149261,3.81612273 16.1960687,3.49726536 C15.8772113,3.1766937 15.4520682,3.00012214 14.9977821,3.00012214 C14.06521,3.00183643 13.3057809,3.76126554 13.3057809,4.69383764 L13.3057809,13.3080781 L4.68807763,13.3080781 C4.23893446,13.3080781 3.81550558,13.4846496 3.49493393,13.803507 C3.17607655,14.1240787 2.999505,14.5492218 2.999505,14.998365 C2.999505,15.452651 3.17607655,15.8777942 3.49493393,16.1966516 C3.81550558,16.5172232 4.23893446,16.6937948 4.6932205,16.6937948 L13.3057809,16.6937948 L13.3057809,25.3080866 C13.3057809,26.2389445 14.0669243,26.9983736 14.999505,27.0000879 C15.4520682,27.0000879 15.8772113,26.8252306 16.197783,26.5063732 C16.5166404,26.1858016 16.6932119,25.7606584 16.6914976,25.3098009 L16.6932119,16.6937948 L25.3057895,16.6937948 C25.7600755,16.6920805 26.1852187,16.5172232 26.5040761,16.1983659 C26.8229334,15.8795085 26.9977907,15.452651 26.999505,14.9966507 C26.9977907,14.0657929 26.2383616,13.3063638 25.3057895,13.3063638">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
</div>
<section class="rtl:text-right"><button aria-disabled="false"
class="uppercase w-full reset-button inline-flex flex-col items-stretch overflow-hidden rounded-2 transition-colors duration-250 ease-in bg-booking border-booking text-white focus:bg-booking-active focus:border-booking-active hover:bg-booking-active hover:border-booking-active focus:text-white-active hover:text-white-active cursor-pointer border-1 border-solid text-14"
data-testid="BookingCriteria-checkPrice" type="button" style="max-width:360px" tabindex="0"><span class="flex justify-center items-center font-bold px-15 h-full py-5" style="min-height:3.125rem;min-width:10rem"><span
class="m-5 text-center">Check Price</span><span class="flex-shrink-0 m-5 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowRight" data-testid="icon"
style="height:1em;width:1em"><span class=" block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full transform rtl:scale-x-1" focusable="false">
<path
d="M21.4189896,16.4135055 C21.794715,16.0391321 22,15.5400357 22,15.0120627 C22,14.4791745 21.794715,13.9823309 21.4189896,13.6079575 L11.390289,3.58320747 C11.0145637,3.20641739 10.5175788,3 9.98555012,3 C9.4559108,3 8.95653658,3.20641739 8.58320059,3.58320747 C8.20767437,3.95760139 8,4.45440396 8,4.98712835 C8,5.5151014 8.20767437,6.01440252 8.58320059,6.38877596 L17.2097508,15.0120627 L8.58320059,23.632687 C8.20767437,24.0070605 8,24.5063616 8,25.0367922 C8,25.5647653 8.20767437,26.0638616 8.58320059,26.4384398 C9.33226192,27.1871867 10.6390374,27.1871867 11.390289,26.4384398 L21.4189896,16.4135055 Z">
</path>
</svg></span></span></span></button></section>
</form>Text Content
IF YOU ARE HOLDING CREDITS FROM A PREVIOUS VACATION, PLEASE CONTACT OUR TEAM ON
3856 0451.
Club Med Homepage
* DISCOVER CLUB MED
* THE ART OF ALL-INCLUSIVE
See more
* FAMILY HOLIDAYS
See more
* SUN HOLIDAYS
See more
* SNOW HOLIDAYS
See more
* MUST-TRY EXPERIENCES
See more
* EXCLUSIVE COLLECTION
See more
* SUSTAINABLE TOURISM
See more
* WHAT'S NEW
See more
* Destinations
* Our Bestsellers
* Tomamu, Hokkaido, Japan
* Sahoro, Hokkaido, Japan
* Kiroro Peak, Hokkaido, Japan
* Phuket, Thailand
* Kani, Maldives
* Finolhu, Maldives
* Asia
* China
* Indonesia
* Japan
* Thailand
* Malaysia
* China Joyview
* Ski in Asia
* Japan
* China
* Indian Ocean
* Maldives
* Mauritius
* Seychelles
* Worldwide Ski
* France
* Italy
* Switzerland
* Canada
* Europe & Mediterranean
* France
* Greece
* Italy
* Portugal
* Spain
* Turkey
* Morocco
* The Caribbean
* Dominican Republic
* The Bahamas
* Turks & Caicos
* Guadeloupe
* Martinique
* The Americas
* Brazil
* Mexico
* Exclusive Collection
* Finolhu Villas
* Albion Villas
* La Plantation d'Albion
* Cefalù
* Valmorel Chalet-Apartments
* Seychelles
* Inspiration
* NEW AT RESORT
* Club Med Phuket Revamped >
* NEW Resort at Club Med Kiroro Peak >
* NEW! Mini Club Med+ >
* POPULAR RESORTS
* Tropical Heavens >
* Japan Craze >
* Romantic Getaways >
* WINTER AT CLUB MED
* Snow Sports & Activities >
* Festive Snow Holiday >
* A Day in Club Med Ski Resort >
* SUMMER AT CLUB MED
* Sun Sports & Activities >
* Festive Sun Holiday >
* WHO TO GO WITH?
* Family Vacation >
* Couples Getaway >
* Ski Playground >
* DRINKS & REFRESHMENTS
* Foodies Delight >
* SPA & WELLNESS
* How We Take Care of You >
* #AmazingStay in Bintan >
* Wellness for All in Maldives >
* WEEKEND GETAWAYS
* Adventure Close to Home >
* Tropical Flavors Close to Home >
* Snow Vibes Close to Home >
* Special Offers
* 2023 Summer Early Bird Offer
BOOK NOW
* 2022-23 Winter Early Bird Sun and Snow Special Offer
BOOK NOW
* Kids Offers
See more
* Honeymoon Offer
See more
* 2022 Summer Special Offer
See more
* Referral Rewards Program
See more
* Member Benefits
See more
* Meetings & Events
* MEETINGS & EVENTS BY CLUB MED
See more
* MEETINGS & CONFERENCES
See more
* INCENTIVE & REWARD TRIPS
See more
* RENT A RESORT
See more
* WEDDINGS
See more
* FRIENDS & FAMILY CELEBRATIONS
See more
* SPORTS GROUP
See more
* SCHOOL GROUPS
See more
* Useful Information
* MANAGE YOUR BOOKING
See more
* FAQ
See more
* SAFETY & REASSURANCE
See more
* TRAVEL TIPS & HACKS
See more
* LOYALTY PROGRAMM
See more
* TRAVEL AGENCY
See more
* NEWSLETTER
See more
* Partnership with the Ski Association of Hong Kong
See more
Your Travel Advisor 3856 0468Search a destination, a resort or an activity...
Enter your search
Your Account
My favorites
Your favorites
Save this price by clicking on this symbol
You can consult and/or compare them on demand
en
Previous picture of Les Arcs PanoramaNext picture of Les Arcs Panorama
33 photos1 videos6 #ClubMed
4 tridents&
FRANCE
LES ARCS PANORAMA
from
HKD$ 12,880 per person*
Exclusivity
Price with theses criterias:
Apr 23 23 - Apr 30 23
7 nights
2 adults
Without transport
Check the prices
All Inclusive in details
Les Arcs Panorama
Les Arcs Panorama
France
Go there in Summer
A MAGICAL MIX OF MODERN AND TRADITIONAL
Nestled in a clearing at 1,750 metres, Club Med Les Arcs Panorama melts into the
mountainside of the Les Arcs 1600 ski area of Paradiski®. Named after its
panoramic views, this all-inclusive ski resort is perfect for families, with
kids’ ski classes and a locker service that’ll have your kit ready to hit the
slopes the moment you arrive. The plush Scandinavian design resembles an
enchanted forest with playful animal sculptures dotted about our chic
restaurants and lounges. For extra luxury, choose a suite in our 5-Trident
Luxury Space and relax in our exclusive lounge, terrace and open-air jacuzzi.
The resort
Accommodations
Activities
Childcare
Restaurants
Bars
Destination
Scroll backwardScroll forward
33 photos1 videos6 #ClubMed
#CLUBMED
val.christiaens
val.christiaens
val.christiaens
marv_cns
kev.mat
kev.mat
WHAT’S INCLUDED IN THIS ALL-INCLUSIVE PACKAGE?
* Ski Pass & Classes
* +
Children Clubs 4-17 y/o
* +
Full-board Gourmet Cuisine
* +
Bar & Snacking
* +
Day & Night Entertainment
* =
Learn more
*at extra cost
TRIPADVISOR TRAVELERS RATING
View more on TripAdvisor
based on 2090 Reviews
* Location
* Sleep Quality
* Rooms
* Service
* Value
* Cleanliness
Previous
> Road Cycling @Club Med
>
> reviewed September 1, 2022
>
> What a really good suprise to have good Time and Scott bikes with shoes and
> helmet. Nice team also to coordinate some daily cyling routes with all ass…
>
> review by fredericbZ2548HO
> A TripAdvisor traveler
> Summer Holiday in the mountains
>
> reviewed September 1, 2022
>
> We loved staying at the club for our summer vacation. Plenty of activity and
> relaxation mode. Clean and renewed Hotel, pleasant design. Food at the di…
>
> review by mctelaviv
> A TripAdvisor traveler
Next
Sustainability is part of the journey
BREEAM certification
Our Resort holds the BREEAM certification, a recognized international and
independent eco-construction certification, assessing environmental, social and
economic sustainability performance throughout the construction cycle .
Local Solidarity with Club Med Foundation
Since 2005, we have organized events and sports activities to support the Petits
Princes Association and host children with critical illnesses and their family
in our Resort to grant them their wishes.
VIEW OUR PRICES AND CUSTOMISE YOUR CRITERIA
1.CHOOSE YOUR TRANSPORT
Would you like a transport?
All prices are indicative prices per adult, based on double occupancy. Type of
room is based on availability. Prices and availability last checked: 24 hours
ago.
Please note that:
* Lunch is not included on your arrival date while it’s included on your
departure date if you book only land package with us (without flight).
* Our normal check in time is after 3pm and check out time is before 10am.
Early check in or late check out costs additional charges and is subject to
resort availability.
Carefree travel!
Book your flight with Club Med and enjoy a peaceful travel. Roundtrip transfer
from the airport will be included for all participants
*legal mentions
All prices are indicative prices per adult, based on double occupancy. Type of
room is based on availability. Prices and availability last checked: 24 hours
ago.
Please note that:
* Lunch is not included on your arrival date while it’s included on your
departure date if you book only land package with us (without flight).
* Our normal check in time is after 3pm and check out time is before 10am.
Early check in or late check out costs additional charges and is subject to
resort availability.
2.PICK YOUR ARRIVAL AND DEPARTURE DATES
Oct
Nov
December 2022
from
HKD$ 14,777
Jan
from
HKD$ 22,724
Feb
from
HKD$ 23,095
Mar
from
HKD$ 18,384
Apr
from
HKD$ 12,880
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
booking.common.previousMonthsbooking.common.nextMonths
--------------------------------------------------------------------------------
Prices based on 7 nightsReset
Best price
Last rooms
Not available
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
27
Call 3856 0468
28
Call 3856 0468
29
Call 3856 0468
30
Call 3856 0468
1
Call 3856 0468
2
Call 3856 0468
3
Call 3856 0468
4
Call 3856 0468
5
Call 3856 0468
6
Call 3856 0468
7
Call 3856 0468
8
Call 3856 0468
9
Exclusivity
10
Exclusivity
11
fromHKD$ 14,777HKD$ 21,110
12
No departure for the default duration but may be available for another one
13
No departure for the default duration but may be available for another one
14
No departure for the default duration but may be available for another one
15
No departure for the default duration but may be available for another one
16
No departure for the default duration but may be available for another one
17
No departure for the default duration but may be available for another one
18
fromHKD$ 22,923HKD$ 25,470
19
No departure for the default duration but may be available for another one
20
No departure for the default duration but may be available for another one
21
No departure for the default duration but may be available for another one
22
No departure for the default duration but may be available for another one
23
No departure for the default duration but may be available for another one
24
No departure for the default duration but may be available for another one
25
fromHKD$ 29,500HKD$ 32,200
26
fromHKD$ 34,260
27
No departure for the default duration but may be available for another one
28
No departure for the default duration but may be available for another one
29
No departure for the default duration but may be available for another one
30
No departure for the default duration but may be available for another one
31
No departure for the default duration but may be available for another one
1
fromHKD$ 26,910
2
No departure for the default duration but may be available for another one
3
No departure for the default duration but may be available for another one
4
No departure for the default duration but may be available for another one
5
No departure for the default duration but may be available for another one
6
No departure for the default duration but may be available for another one
7
No departure for the default duration but may be available for another one
Arrival -
Departure -
SKI PASS INCLUDED!
With Club Med, your ski pass is included: no more queues and more time to enjoy
the slopes, with ski lessons available all week in Asia and from Monday to
Friday in Europe! See the differences between our ski packages here.
3.SELECT NUMBER OF GUESTS TO PERSONALISE YOUR QUOTE
Adults
Children
under the age of 18
Check Price
GET IN TOUCH
* Your ClubMed Advisor3856 0468Calls charged at local rate
* FAQ
* Newsletter
* facebookClub Med - facebook
* youtubeClub Med - youtube
* Meetings and events by Club MedMeetings and events by Club Med
Seminars, incentive programs, rent a resort, groups, weddings... With
Meetings & Events by Club Med, organize unforgettable events for your
colleagues. All inclusive, bespoke business offers.
* Club Med PropertyClub Med Property
Club Med Property is delighted to offer you the opportunity to become owner
on land adjoining its Resorts. Choose between Chalets Apartments in the heart
of the French Alps or Villas in Mauritius and enjoy an exceptional location
while enjoying the services of Club Med.
* Club MéditerranéeClub Méditerranée
Visit the Corporate Club Med site, to learn more about the Group, the
ownership and sustainable development policy.
* CLUB MED CONTACT
* Contact Us
* Club Med Travel Agencies
* Covid-19 Special Measures
* LEGAL INFORMATION
* Terms and Conditions
* Travel Insurance Benefit
* Privacy Policy
* Legal Information
* Customer Account
* Great Members Terms and Conditions
* ClubMed Sustainability
* Responsible Tourism
* Corporate Foundation
* Carbon Compensation
* Club Med CSR Report
* Great Members Programme
* Great Members Programme
EXPERIENCE THE WORLD WITH CLUB MED - JUST BRING YOURSELVES.
We specialise in luxury all-inclusive holidays – with absolutely no hidden
costs. Thrilling skiing, sensational long haul getaways and wonderful cruises -
just a few of the experiences you can enjoy with Club Med.
LEGAL INFORMATIONS
Management of cookie consents
Traveler reviews brought to you by
Chat with us. We are online!