www.clubmed.com.hk Open in urlscan Pro
23.205.230.25  Public Scan

URL: https://www.clubmed.com.hk/r/valmorel/w
Submission: On October 21 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

<form class="relative z-2 w-full lg:px-20" id="price-remote-form">
  <div class="lg:flex lg:flex-row">
    <div class="flex lg:flex-2 -mx-5">
      <div class="flex-1 px-5" data-testid="search-form-criteria-when">
        <div>
          <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(2.875rem);" type="button"><span
                  class="flex-shrink-0 lg:mx-10 inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="date" 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="M22.6296 24.991H7.37162C6.21062 24.991 5.26562 24.049 5.26562 22.89V13.726H24.7356V22.89C24.7356 24.049 23.7906 24.991 22.6296 24.991M7.37162 6.97302H8.44362V7.67602C8.44362 8.28602 8.93962 8.78102 9.55162 8.78102C10.1636 8.78102 10.6596 8.28602 10.6596 7.67602V6.97302H19.3416V7.67602C19.3416 8.28602 19.8376 8.78102 20.4496 8.78102C21.0616 8.78102 21.5586 8.28602 21.5586 7.67602V6.97302H22.6296C23.7906 6.97302 24.7356 7.91502 24.7356 9.07302V11.717H5.26562V9.07302C5.26562 7.91502 6.21062 6.97302 7.37162 6.97302M22.629 4.964H21.558V4.105C21.558 3.495 21.061 3 20.449 3C19.837 3 19.341 3.495 19.341 4.105V4.964H10.659V4.105C10.659 3.495 10.163 3 9.551 3C8.939 3 8.443 3.495 8.443 4.105V4.964H7.371C5.099 4.964 3.25 6.807 3.25 9.073V22.89C3.25 25.156 5.099 27 7.371 27H22.629C24.902 27 26.75 25.156 26.75 22.89V9.073C26.75 6.807 24.902 4.964 22.629 4.964">
                      </path>
                    </svg></span></span><span class="flex-1 hidden lg:inline truncate">Arrival - Departure<!-- --> </span></button><button class="reset-button flex items-center leading-0" style="min-height: calc(2.875rem);"><span
                  class="hidden lg:inline-block md:flex-shrink-0 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>
      <div class="flex-1 px-5" data-testid="search-form-criteria-who">
        <div data-testid="CriteriaWho">
          <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-success text-darkGrey"><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(2.875rem);" type="button"><span
                  class="flex-shrink-0 lg:mx-10 text-success inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none" data-name="peopleDouble" 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="M9 8.5C9 6.84315 10.3431 5.5 12 5.5C13.6569 5.5 15 6.84315 15 8.5C15 10.1569 13.6569 11.5 12 11.5C10.3431 11.5 9 10.1569 9 8.5ZM12 3.5C9.23858 3.5 7 5.73858 7 8.5C7 11.2614 9.23858 13.5 12 13.5C13.6008 13.5 15.0259 12.7477 15.941 11.5774C16.6748 12.4474 17.7728 13 19 13C21.2091 13 23 11.2091 23 9C23 6.79086 21.2091 5 19 5C17.9782 5 17.0459 5.38312 16.3389 6.01355C15.4763 4.51158 13.8563 3.5 12 3.5ZM17 9C17 7.89543 17.8954 7 19 7C20.1046 7 21 7.89543 21 9C21 10.1046 20.1046 11 19 11C17.8954 11 17 10.1046 17 9ZM6.67953 15.7271C8.04049 14.9437 9.79333 14.5 11.9999 14.5C14.2066 14.5 15.9594 14.9437 17.3204 15.7271C18.6885 16.5146 19.6034 17.613 20.1761 18.8219C21.3011 21.1967 21.0968 23.9625 20.6055 25.7633C20.5016 26.1439 20.1861 26.4225 19.8068 26.4862C20.1861 26.4225 20.5016 26.1439 20.6055 25.7633C20.7097 25.3813 20.8011 24.9559 20.8695 24.5H24.8427C25.1093 23.0408 25.0896 21.1999 24.3687 19.6781C23.9544 18.8037 23.307 18.0271 22.3227 17.4604C21.4047 16.932 20.1453 16.5588 18.423 16.5063C18.0936 16.2226 17.727 15.9611 17.3204 15.7271C16.6458 15.3387 15.8748 15.0339 15 14.8251C15.8899 14.6128 16.8873 14.5 18 14.5C20.2066 14.5 21.9595 14.9437 23.3204 15.7271C24.6885 16.5146 25.6034 17.613 26.1761 18.8219C27.3011 21.1967 27.0969 23.9625 26.6055 25.7633C26.4868 26.1982 26.0917 26.5 25.6408 26.5H19.6408C19.6408 26.5 19.6408 26.5 19.6407 26.5H4.35917C3.90827 26.5 3.51315 26.1982 3.39444 25.7633C2.90306 23.9625 2.69881 21.1967 3.82384 18.8219C4.39653 17.613 5.31143 16.5146 6.67953 15.7271ZM18.8427 24.5C19.1093 23.0408 19.0895 21.1999 18.3686 19.6781C17.9544 18.8037 17.307 18.0271 16.3226 17.4604C15.3311 16.8897 13.9412 16.5 11.9999 16.5C10.0587 16.5 8.66883 16.8897 7.67729 17.4604C6.6929 18.0271 6.04553 18.8037 5.63129 19.6781C4.91036 21.1999 4.8906 23.0408 5.15724 24.5H18.8427Z">
                      </path>
                    </svg></span></span><span class="flex-1 hidden lg:inline truncate">2 adults</span><span class="lg:hidden rtl:ml-5">2</span></button><button data-testid="InputButtonClear"
                class="reset-button px-10 flex-shrink-0 text-current leading-0" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="cross" data-testid="icon"
                  style="height: 0.75rem; width: 0.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="M23.0282818,3.55581844 L14.8923617,11.6949684 L6.75002775,3.55581844 C6.32236395,3.12820045 5.75542881,2.89496677 5.15298864,2.89496677 C4.54871595,2.89334041 3.98017736,3.12820045 3.55100173,3.5574448 C2.6714849,4.44026016 2.6714849,5.87535053 3.55262809,6.75633338 L11.6918697,14.8954604 L3.54937537,23.0380234 C3.1250101,23.4622512 2.89177642,24.0291864 2.89015006,24.6334591 C2.89177642,25.2375027 3.12663646,25.8060413 3.55100173,26.2304982 C3.98017736,26.6597654 4.54871595,26.8945568 5.15138519,26.8945568 C5.75703226,26.8945568 6.3239674,26.6613689 6.75323466,26.2321016 L14.8907582,18.0945781 L23.0298853,26.2337051 C23.9094937,27.1130845 25.3461876,27.111481 26.2287739,26.2321016 C26.6564377,25.8044378 26.8930615,25.2375027 26.8946649,24.6334591 C26.8930615,24.0291864 26.6580411,23.4606478 26.2303773,23.03642 L18.0912503,14.893857 L26.2287739,6.75633338 C26.6564377,6.32546267 26.8930615,5.75875659 26.8930615,5.15608736 C26.8930615,4.55364719 26.6548342,3.9851086 26.2255669,3.55258862 C25.3445841,2.67467524 23.9094937,2.67467524 23.0282818,3.55581844">
                      </path>
                    </svg></span></span></button></div>
          </div>
        </div>
      </div>
      <div class="flex-1 px-5" data-testid="search-form-criteria-transport">
        <div data-testid="CriteriaTransport-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(2.875rem);" type="button"><span
                  class="flex-shrink-0 lg: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 hidden lg:block truncate">Without transport</span></button><button class="flex items-center reset-button leading-0" data-testid="InputButtonClear" type="button"><span
                  class="bg-current border-current hidden lg:flex leading-0 overflow-hidden rounded-24 duration-250 ease-in transition-all 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(2.875rem);"><span
                  class="hidden lg:inline-block md:flex-shrink-0 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>
    </div>
    <div class="max-w-full lg:mt-0 mt-10 lg:rtl:ml-10"><button
        class="flex flex-1 justify-center items-center max-w-full reset-button inline-flex flex-col items-stretch overflow-hidden rounded-2 transition-colors duration-250 ease-in bg-success border-success text-white focus:bg-success-active focus:border-success-active hover:bg-success-active hover:border-success-active focus:text-white-active hover:text-white-active cursor-pointer border-1 border-solid text-14"
        data-testid="price-remote-button" type="submit" style="min-width: 140px; height: 48px; width: 250px;" tabindex="0"><span class="flex justify-center items-center font-bold px-15 h-full" style="min-height:1.875rem;min-width:initial"><span
            class="m-5 text-center">Choose your holidays</span></span></button></div>
  </div>
</form>

<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">Without 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$ 19,053</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$ 17,040</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$ 20,232</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$ 14,856</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$ 11,991</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">&nbsp;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">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 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">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 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><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 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">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 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">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 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">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 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">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 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">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 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">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 text-emerald 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>
                      </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$ 19,053</span><span
                          class="text-12 line-through hidden md:block text-current">HKD$ 21,170</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$ 25,270</span><span
                          class="text-12 line-through hidden md:block text-current">HKD$ 27,970</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$ 27,020</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$ 19,690</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 ValmorelNext picture of Valmorel
29 photos1 videos1 360°
4 tridents&


FRANCE
VALMOREL


Arrival - Departure
2 adults2
Without transport
Choose your holidays
All Inclusive in details
Flexible ? See our monthly calendar
 1. Club Med>
 2. Valmorel

Valmorel

Valmorel

France


Go there in Summer


EXPERIENCE THE HEART OF SAVOIE

Natural, quality materials - wood, stone and schist roof tiles - for this warm
and traditional family Resort on the slopes of the Massif du Cheval Noir.
The Resort stands at an altitude of 1,460 metres (4,790 ft).

A real family experience, with children's clubs for all ages, from babies up to
teens, so you can enjoy the mountains to the full.

Discover Le Lodge the exclusive 5Ψ Luxury Space within the 4Ψ Valmorel Resort.

An ideal choice for those who want to combine relaxing holidays, privacy,
privileged, customised service and luxury comfort, with the warm and friendly
Club Med spirit:

A private, exclusive space comprising a dedicated lounge with a magnficient view
of Mont Blanc

Luxury accommodation comprising Family Suites with private balcony

Privileged services: room service for breakfast, champagne in the evenings(1),
concierge service, etc

Unlimited access to the activities and services at the 4Ψ Resort

(1)Served by the glass, from 6 pm

The resort
Bars
Restaurants
Accommodations
Destination
Childcare
Activities
Meetings & Events
Scroll backwardScroll forward
29 photos1 videos1 360°


DISCOVER THE VALMOREL CHALETS


A WINDOW ONTO THE MARVELLOUS MOUNTAINS

Nestled in an exceptional and preserved environment, be charmed by our 2 to 4
bedroom chalets, located at 1460 meters, with breathtaking views on the
Beaufortin Massif. Enjoy tailor-made services by your personal butler, and a
free and unlimited access to the adjoining Valmorel Resort. A life-sized
playground with your own privacy and exclusive amenities.

Discover more


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


Sustainability is part of the journey

HQE & Green Globe certified
Our Resort offers eco-certified holidays, having earned HQE (High Environmental
Quality) certification for its construction and, since 2012, consistently
obtaining the Green Globe certification for its operations (waste management,
energy & water consumptions, responsible purchases, etc.).
Say bye bye to plastics
As part of our commitment to reducing our environmental impact, all our Resorts
ban single-use plastic products from bars, restaurants and rooms, thanks to our
“Bye-Bye Plastics” program.


VIEW OUR PRICES AND CUSTOMISE YOUR CRITERIA


1.CHOOSE YOUR TRANSPORT

Without 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$ 19,053

Jan
from
HKD$ 17,040
Feb
from
HKD$ 20,232
Mar
from
HKD$ 14,856
Apr
from
HKD$ 11,991
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
Call 3856 0468
10
Call 3856 0468
11
Call 3856 0468
12
Call 3856 0468
13
Call 3856 0468
14
Call 3856 0468
15
Call 3856 0468
16
Call 3856 0468
17
Call 3856 0468
18

fromHKD$ 19,053HKD$ 21,170
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$ 25,270HKD$ 27,970
26

fromHKD$ 27,020
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$ 19,690
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


TRIPADVISOR TRAVELERS RATING

View more on TripAdvisor
 

based on 4154 reviews

 * Location
 * Sleep Quality
 * Rooms
 * Service
 * Value
 * Cleanliness

Previous

> Great week in CM Valmorel!
> 
> reviewed August 30, 2022
> 
> Thanks to the Mini club & lodge team. It was a great week for us (2 adults, 2
> kids) from activities to food options. Highly recommended. Special Thank…
> 
> review by Emmanuel C
> A TripAdvisor traveler

> Amazing holiday!
> 
> reviewed August 28, 2022
> 
> We had a wonderful time in Club Med Valmorel! The hotel is beautiful,
> landscapes are spectacular, the food is delicious and our bedroom was very
> comfo…
> 
> review by Katia S
> A TripAdvisor traveler

Next

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're online!