www.jetcost.hk Open in urlscan Pro
104.18.10.123 Public Scan

Back to summary

Submitted URL:
http://jet-cost.hk/
Effective URL:
https://www.jetcost.hk/en
Submission: On July 29 via api (July 29th 2024, 7:22:20 pm UTC) from US — Scanned from NL

Form analysis
1 forms found in the DOM

https://www.jetcost.hk/en/flights/search

<form autocomplete="off" action="https://www.jetcost.hk/en/flights/search"><input name="trips[0][date]" type="hidden"> <input name="trips[0][from_iata]" type="hidden"> <input name="trips[0][to_iata]" type="hidden"> <!----><input name="trips[1][date]"
    type="hidden"> <input name="trips[1][from_iata]" type="hidden"> <input name="trips[1][to_iata]" type="hidden"> <!----> <input name="type" type="hidden" value="roundTrip"> <input name="adults" type="hidden" value="1"> <input name="children"
    type="hidden" value="0"> <input name="infants" type="hidden" value="0"> <input name="cabin_class" type="hidden" value="0"> <input name="arel" type="hidden" value="0">
  <div class="flex bg-black/60 z-[60] items-center justify-center overflow-x-hidden fixed top-0 right-0 bottom-0 left-0" style="display: none;">
    <div class="max-w-sm w-full m-6">
      <div class="flex flex-wrap flex-col bg-white dark:bg-neutral rounded p-5 items-start">
        <div class="mb-4 w-full"> Selected dates may not give results due to COVID-19. We suggest you change the dates. </div> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full mb-2">
          Change </button> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
          Continue </button>
      </div>
    </div>
  </div>
  <div class="relative md:static">
    <div class="w-full mb-2">
      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: Round Trip Tab" id="round-trip-e8907f62-ea0d-42d5-bfea-5145f0bd0b47" type="radio" class="hidden" value="true"> <label for="round-trip-e8907f62-ea0d-42d5-bfea-5145f0bd0b47" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Round trip </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: One Way Tab" id="one-way-e8907f62-ea0d-42d5-bfea-5145f0bd0b47" type="radio" class="hidden" value="false"> <label for="one-way-e8907f62-ea0d-42d5-bfea-5145f0bd0b47" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1"> One way </span></label></div>
    </div>
    <div class="lg:flex lg:flex-row lg:items-start">
      <div class="block xl:flex md:grow lg:mr-2">
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0 xl:mr-2">
          <div class="w-full md:flex md:flex-1 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Select departure</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Departure place" id="originFrom" tabindex="-1" required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
          <div class="flex z-10 absolute rotate-90 text-center top-0 right-0 md:mt-0 md:rotate-0 md:z-auto md:w-auto md:right-auto md:static group mt-16 pt-1 md:pt-0">
            <div data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Exchange Dep/Ret Button"
              class="w-9 h-9 mx-1 rounded-full flex items-center justify-center bg-primary-400 dark:bg-neutral-700 pointer-events-auto cursor-pointer"><span class="jc jc-exchange-alt text-lg text-white leading-none"></span></div>
          </div>
          <div class="w-full md:flex md:flex-1">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Select arrival</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Arrival place" id="originTo" tabindex="-1" required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
        </div>
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0">
          <div class="w-full md:w-1/2 mb-2 md:mb-0 md:mr-2">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden shadow-bottom p-4 pb-0 w-full z-[60]" style="display: none;">
                <div class="block">
                  <div class="flex flex-wrap items-center justify-between">
                    <div class="w-auto truncate">
                      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                          data-ga-event-label="Click: Round Trip Tab" id="round-trip-2cb7a151-68e6-4c38-a018-6e36c950e7f1" type="radio" class="hidden" value="true"> <label for="round-trip-2cb7a151-68e6-4c38-a018-6e36c950e7f1"
                          class="flex items-center"><span class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Round trip </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm"
                          data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: One Way Tab" id="one-way-2cb7a151-68e6-4c38-a018-6e36c950e7f1" type="radio" class="hidden" value="false"> <label
                          for="one-way-2cb7a151-68e6-4c38-a018-6e36c950e7f1" class="flex items-center"><span class="rounded cursor-pointer px-2 py-1"> One way </span></label></div>
                    </div> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span>
                  </div>
                  <div class="w-full pb-px pt-3">
                    <div class="flex items-center text-md -mx-4">
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2"><input type="text" autocomplete="off" readonly="readonly" tabindex="-1" placeholder="Period"
                  required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none cursor-pointer">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="jc jc-calendar-alt inline-block w-8 text-center"></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="p-4 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:z-50 min-h-0 grow bg-white dark:bg-neutral inset-0 md:absolute md:rounded md:inset-auto md:-ml-3 md:-mt-8 md:shadow-md w-full md:min-w-[624px] md:p-3 md:box-content xl:-translate-x-1/2 xl:left-1/2"
                style="display: none;">
                <div class="z-50 bg-white dark:bg-neutral">
                  <div class="block md:flex md:flex-wrap md:items-stretch -mx-4 select-none md:p-1 md:box-border" style="display: none;">
                    <div class="hidden md:block w-full md:-mb-6 z-10">
                      <div class="flex justify-between px-4 text-primary dark:text-primary-300"><span class="jc jc-chevron-left px-2 cursor-pointer" style="display: none;"></span> <span
                          class="jc jc-chevron-right px-2 cursor-pointer ml-auto mr-0"></span></div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">July 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">7</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">14</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">21</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">28</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">August 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">September 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">October 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">November 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">December 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">January 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">February 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">March 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">April 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">May 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">June 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">July 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">August 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mon </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Tue </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Wed </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Thu </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fri </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sat </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sun </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">31</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="hidden md:block z-10 p-3 mt-3 -mb-3 border-t border-gray-200 dark:border-neutral-300 -mx-3">
                    <div class="flex items-center justify-between">
                      <div class="text-md truncate"><span class="text-gray-500 dark:text-gray-300">Select dates</span></div> <button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                        Done </button>
                    </div>
                  </div>
                </div>
                <div class="flex items-end md:items-center inset-0 absolute z-[70] bg-black/20" style="display: none;">
                  <div class="w-full p-5 md:m-10 bg-white dark:bg-neutral rounded shadow"><span class="w-full inline-block text-center font-bold select-none mb-6 text-xl">Looking for a one-way flight?</span>
                    <div class="w-full">
                      <div class="flex flex-wrap flex-col md:flex-row-reverse -mx-5"><button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition flex-1 mx-5 mb-2 md:mb-0">
                          Yes, one way flight </button> <button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition flex-1 mx-5">
                          No, a round trip </button></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="flex items-center">
                      <div class="w-full -mb-3 leading-none">
                        <div class="text-base p-2 font-bold text-gray-300 text-center"><span class="block">Round trip</span> <span class="inline-block text-md font-normal lowercase">Select dates</span></div>
                      </div>
                    </div>
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Done </button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="w-full md:w-1/2 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden shadow-bottom p-4 mb-2 w-full z-[60]" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Class and passengers</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2">
                <div class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none"><span class="w-full truncate"><span data-number="1" data-single="Passenger," data-plural="Passengers,"
                      class="output-pluralize"></span> <span data-option="0" data-option-0="Economy" data-option-1="Business" data-option-2="First" data-option-3="Economy Premium" class="output-options"></span></span></div>
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block text-center"><span class="jc jc-caret-down px-2"></span></span></div>
                </div>
              </div>
              <div
                class="-mt-2 pt-8 md:pt-0 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible min-h-0 grow bg-white dark:bg-neutral inset-0 z-50 md:absolute md:rounded md:inset-auto md:-mt-8 md:shadow-md w-full md:min-w-[340px] md:-translate-x-1/2 md:left-1/2 hidden">
                <div class="flex items-stretch flex-wrap">
                  <div class="w-full md:mb-0 md:pb-0 pb-4 mb-4">
                    <div class="w-full mb-2 font-bold truncate px-4 md:pt-4">Class</div>
                    <div class="px-4">
                      <div class="flex items-center relative cursor-pointer w-full border border-primary-300 dark:border-gray-300 rounded"><select
                          class="w-full focus:outline dark:focus:outline-none text-black dark:text-neutral-200 bg-white dark:bg-neutral appearance-none p-2 pr-6 cursor-pointer rounded">
                          <option value="0">Economy</option>
                          <option value="3">Economy Premium</option>
                          <option value="1">Business</option>
                          <option value="2">First</option>
                        </select> <span class="jc jc-caret-down px-2 pointer-events-none absolute pt-2 top-0 right-0"></span></div> <!---->
                    </div>
                  </div>
                  <div class="w-full mb-4 md:mb-0 md:pl-2">
                    <div class="pl-4 md:pl-2 pr-4 pb-2"><span class="inline-block w-full pb-2 font-bold truncate md:pt-8 border-b border-gray-200 dark:border-neutral-300">Number of passengers</span></div>
                    <div class="flex items-center text-base text-black dark:text-white flex-wrap pl-4 md:pl-2 pr-4 md:pr-4 md:pb-4">
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Adults</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">1</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Children</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Infants</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Infants Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Infants Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="hidden md:block w-full z-10 p-3 pr-4 border-t border-gray-200 dark:border-neutral-300">
                  <div class="flex items-center justify-end"><button type="button" tabindex="-1"
                      class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                      Done </button></div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Done </button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="grow-0">
        <div class="flex flex-col md:flex-row-reverse lg:flex-col md:-mx-1 lg:mx-0">
          <div class="md:flex-1 md:px-1 lg:px-0"><button type="submit" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"><span
                style="display: none;"> Search and Compare </span> <span> Search </span></button> <button type="button" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search Form Open"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"
              style="display: none;"> Change </button></div>
          <div class="md:flex-1 md:px-1 mt-2 md:mt-0 lg:mt-2 lg:px-0" style="display: none;"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm"
              data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition block xl:hidden mb-2 w-full md:min-w-[17.5rem]">
              Search </button></div>
        </div>
      </div>
    </div>
    <div class="md:flex md:flex-row md:items-center">
      <div class="flex grow">
        <div class="w-full text-primary dark:text-primary-300 text-md md:text-white md:dark:text-black">
          <div>
            <ul class="text-white md:flex md:items-center md:flex-wrap p-0 -mb-2 md:text-white hidden"><!----> </ul>
            <div class="text-primary dark:text-primary-300 bg-white dark:bg-neutral absolute inset-0 z-20 rounded md:fixed md:bg-black/80 md:dark:bg-black/80 hidden">
              <div class="absolute inset-0 flex flex-col overflow-hidden overscroll-y-none overflow-y-auto rounded md:inset-1/2 md:bg-white md:dark:bg-neutral md:w-[400px] md:min-h-[400px] md:-translate-x-1/2 md:-translate-y-1/2">
                <div class="w-full bg-white dark:bg-neutral shadow-bottom p-3 sticky top-0 z-30 font-bold">
                  <div class="text-lg flex items-center"><span>Compare partners</span></div>
                </div>
                <div class="grow p-3">
                  <div class="italic mb-3">
                    <p>Enhance your search by adding our premium partners 🚀</p>
                  </div> <!---->
                </div>
                <div class="w-full bg-white dark:bg-neutral shadow-top p-3 sticky bottom-0 z-30">
                  <div class="-mx-1"><!---->
                    <div class="w-full p-1"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                        data-ga-event-label="Click: Search"
                        class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Search </button></div>
                  </div>
                </div>
              </div>
            </div> <!---->
          </div>
        </div>
      </div> <!---->
    </div>
  </div>
</form>

Text Content

YOUR BROWSER IS OUT OF DATE!

Update your browser to view this website correctly.

Update my browser now
Flights
Hotels
Cars
Argentina Australia Bolivia Brasil Canada (fr) Canada (en) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
Light Dark Automatic
Search
Flights Hotels Cars
Get inspired
Flights by country

Airlines

 * Hong Kong Airlines
 * Cathay Pacific
 * Singapore Airlines
 * Hong Kong Express Airways
 * AirAsia

Cities & Airports

 * Tokyo
 * Bangkok
 * Singapur
 * Taipei
 * Osaka

Popular routes

 * Hong Kong - Taipei
 * Hong Kong - Singapur
 * Hong Kong - Bangkok
 * Hong Kong - Tokyo
 * Hong Kong - Osaka

Offers and Tips

 * Which airlines are suspended?
 * Which countries have closed their borders?
 * What precautions should we take to travel safely?
 * Prepare for your future trip when borders will be open

Info
About Us

Contact

Privacy Policy

Cookie Policy

Legal Information

Terms and conditions

Partner with us

App

Careers

HK
 * Argentina
 * Australia
 * Bolivia
 * Brasil
 * Canada (fr)
 * Canada (en)
 * Chile
 * Colombia
 * Danmark
 * Deutschland
 * España
 * Estados Unidos (es)
 * France
 * Hong Kong
 * India
 * Indonesia
 * Ireland
 * Italia
 * Magyarország
 * Malaysia
 * México

 * Nederland
 * New Zealand
 * Norge
 * Österreich
 * Perú
 * Philippines
 * Polska
 * Portugal
 * România
 * Россия
 * Singapore
 * South Africa
 * 한국
 * Suomi
 * Sverige
 * Thailand
 * United Kingdom
 * United States (en)
 * Uruguay
 * Venezuela




CHEAP FLIGHTS COMPARISON

Selected dates may not give results due to COVID-19. We suggest you change the
dates.
Change Continue
Round trip One way
Select departure



Select arrival


Round trip One way
Mon
Tue
Wed
Thu
Fri
Sat
Sun

July 2024
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31




August 2024
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

September 2024
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30






October 2024
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31



November 2024
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

December 2024
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31





January 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


February 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28


March 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31






April 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30




May 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

June 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30






July 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31



August 2025
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Select dates
Done
Looking for a one-way flight?
Yes, one way flight No, a round trip
Round trip Select dates
Done
Class and passengers

Class
Economy Economy Premium Business First
Number of passengers
Adults
1
Children
0
Infants
0
Done
Done
Search and Compare Search Change
Search
Compare partners

Enhance your search by adding our premium partners 🚀

Search



CHEAP FLIGHTS

Don't give up traveling! Fly at cheap prices. Book at the price shown by the
airline or travel agency at no extra cost!


SEARCH AND COMPARE

Enter departure city, destination city and dates. Search and compare prices to
find cheap airline tickets. We'll show you the best result from thousands of
options!


CUSTOM SEARCH

Quickly find your affordable flight by filtering your search by the criteria you
prefer: flight duration, airlines, stopovers, time slot and more! Get ready to
travel!


MOBILE APP

Download our App and set price alerts to book your cheap flights. Discover the
cheapest month or day to travel!


MAIN DESTINATIONS

Cheap flights to NYC, the city that never sleeps!
Flights to Dubai
Flights to Nice
Cheap flights to Rome, the Eternal City
Flights to Bangkok
Flights to Lisbon



LATEST FLIGHTS SEARCHED BY USERS

One-way Málaga - Rome Fiumicino On 01/09/2024
HK$695
One-way Toulouse - Treviso On 09/09/2024
HK$581
One-way Castres Mazamet - Treviso On 09/09/2024
HK$1,676
Flights Istanbul - Ercan From 12/08/2024 to 18/08/2024
HK$863
Flights Hong Kong - Luzon From 08/08/2024 to 07/09/2024
HK$792
Flights Mauritius - Tokyo From 21/01/2025 to 23/02/2025
HK$11,778
Flights Casablanca - Bogotá From 01/08/2024 to 21/08/2024
HK$12,048
Flights Ontario - Saint Louis From 23/08/2024 to 26/08/2024
HK$1,047
Flights Okayama - Colombo From 02/09/2024 to 20/09/2024
HK$5,219
One-way Washington - New York On 22/09/2024
HK$631
One-way Buenos Aires - Ushuaia On 06/02/2025
HK$738
Flights Maastricht - Aruba From 28/12/2024 to 11/01/2025
HK$11,173
Flights Nantes - Bangkok From 21/11/2024 to 18/12/2024
HK$5,162
One-way Istanbul - London On 13/11/2024
HK$202
One-way Prishtina - Zadar On 12/08/2024
HK$2,597


FREQUENTLY ASKED QUESTIONS




HOW DO I FIND CHEAP FLIGHTS?


Search for flights from your chosen departure city and destination, and enter
dates. Click on search and compare. If the prices don't suit you, we'll suggest
which days are the cheapest to leave for that destination. If, on the other
hand, you know when you want to travel but are flexible about where, we'll also
show you the best flight deals at the same time from the same departure
location. If you already have a destination and dates in mind, and want to be
notified whenever flight prices go up or down by setting a price alert, download
our App.


IS JETCOST A RELIABLE WEBSITE?


The answer is yes! Jetcost is highly reliable. Jetcost is a search engine with
the sole purpose of helping you find the best option for your travel plans.
Jetcost does not sell flights directly and therefore we will never ask you for
personal information or credit cards, you can browse our site freely without any
worries. Every month, millions of users rely on our comparator to find the best
deals on flights, hotels and car rentals. You can also read our reviews on
Trustpilot paying attention to those who complain about customer service or
ticket price increases because Jetcost does not sell but compare! :)


ARE THE PRICES SHOWN ON JETCOST RELIABLE?


Since we are not direct sellers, it is not possible for us to guarantee the
deals that our partners are selling. Prices offered by airlines, hotels, and car
rentals can always change. It is also possible that several people are trying to
purchase the same offer at the same time. As a result, the displayed price is no
longer available. However, if you have encountered a problem with any of our
partners, please do not hesitate to contact us by providing all the details you
have, your input will help us and other users to offer better and better
service!


WHAT ARE SITES LIKE JETCOST?


Jetcost is a metasearch like Skyscanner. It allows you to compare hundreds of
flights, hotels, and car rentals by analyzing deals from airlines and online
travel agencies. The goal of a search engine is to help you find the best travel
option. Whether you are looking for a flight, hotel or car rental, Jetcost is
the right site for you!


CAN I BUY A FLIGHT OR BOOK A HOTEL DIRECTLY ON JETCOST?


Jetcost offers a free price comparison service but does not sell the deals it
shows nor does it ask for fees or personal details for the service offered. We
try to provide the best rates by relating with online travel agencies and
airlines. Therefore, after making a search, you will be shown all the different
options: once you select your preferred option you will be redirected to the
airline or online travel agency with which you can complete your purchase.
Discover our App Download our App for free on Android or iOS




SEARCH AND COMPARE PRICES WITH JETCOST

Jetcost allows you to search and compare flight, hotel and car rental deals for
free, for all destinations worldwide!

You can find and book airline tickets and hotels at the best price by comparing
available deals at no extra cost. Jetcost will help you save time and money by
finding exactly what you are looking for in seconds.


SEARCH FLIGHTS

At Jetcost find great deals, and search and compare flights to any destination.
If you're flexible on return dates, you can find cheap flights. Our system
manages to find great low-cost tickets among all domestic and international
airlines.

Click on the featured price to find out the round-trip dates of your chosen
flight. Cheap flights to Rome, London, Paris, New York or Dubai and many other
destinations can only be found if you click on Jetcost!

Check out all available destinations and major air routes to discover all
discounted travel. Compare hundreds of deals from online travel agencies like
Edreams, KiWi, and major airlines like Delta, American Airlines, Southwest
Airlines, United.

Quickly find your flight by filtering your search by the criteria you prefer,
such as flight duration, airlines, stopovers, class of travel, departure and
arrival times, and more. Choose the perfect flight for you in seconds: compare
offers and complete your purchase directly on the airline and agency website
without wasting time.


HOTELS AND CAR RENTAL

Just as with flights, you can similarly compare hotel and car rental prices.
Find the property best suited to your needs by browsing the photo gallery and
reading other users' reviews. Compare hotel deals, apartments, hostels and more
from top booking sites like Booking.com and many others. Pet-friendly vacation
home?

Looking for a rental SUV? Or any car as long as it's cheap? You can use the
filters to search by vehicle type, gearbox, fuel type, available seats and other
features. Because we are travellers just like you, we know how important it is
to plan each trip.


DOWNLOAD OUR APP

Don't miss the right offer for you! See at any time the most searched
destinations or airlines that have frequent flights from your departure city. If
you haven't already done so, download the Jetcost App available for Apple and
Android. You'll be able to book conveniently from your mobile wherever you are.

Most popular routes
Main airlines
Most visited cities
Most popular destinations
 * Flights Seattle - Singapur
 * Flights Venice - Barcelona
 * Flights Kuala Lumpur - Dubai
 * Flights Málaga - Marrakesh
 * Flights Hong Kong - Luzon
 * Flights Hong Kong - Lome
 * Flights Hong Kong - Manila

 * Viva Aerobus
 * Iberia
 * Wizz Air Malta
 * SAS

 * Flights Jeddah
 * Flights Bangkok
 * Flights Hong Kong
 * Flights Marrakesh
 * Flights Singapur
 * Flights Luzon Island
 * Flights Lome
 * Flights Bogota
 * Flights Manila

 * Cheap flights Saudi Arabia
 * Cheap flights United States
 * Cheap flights Singapore
 * Cheap flights Togo
 * Cheap flights Japan
 * Cheap flights United Kingdom
 * Cheap flights Philippines




INFO

About Us
Contact
Privacy Policy
Cookie Policy
Manage cookies
Legal Information
Terms and conditions
Partner with us
App
Careers

FLIGHTS

Flights by country
Airlines

 * Hong Kong Airlines
 * Cathay Pacific
 * Singapore Airlines
 * Hong Kong Express Airways
 * AirAsia

Cities & Airports

 * Tokyo
 * Bangkok
 * Singapur
 * Taipei
 * Osaka

Popular routes

 * Hong Kong - Taipei
 * Hong Kong - Singapur
 * Hong Kong - Bangkok
 * Hong Kong - Tokyo
 * Hong Kong - Osaka

Offers and Tips

 * Which airlines are suspended?
 * Which countries have closed their borders?
 * What precautions should we take to travel safely?
 * Prepare for your future trip when borders will be open

APPEARANCE


Light

Dark

Automatic

JETCOST INTERNATIONAL

Argentina Australia Bolivia Brasil Canada (fr) Canada (en) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
© 2006-2024 Jetcost


×


WE VALUE YOUR PRIVACY

We and selected EU and Extra EU third parties use cookies and other similar
tracking technologies for technical purposes and, with your consent, for
measurement and personalised ads as specified in our Cookie Policy. With your
consent, we and our selected third parties, may actively scan device
characteristics for identification in order to store/access information on a
device and process personal data like your usage data for personalised ads, ad
measurement, audience insights and services development. You can freely give or
deny your consent to non essential cookies by clicking "Accept all" or "Deny
all", and change or withdraw it at any time through the “Manage cookies” panel.
Press again to continue 0/1
Manage cookies
Deny allAccept all

www.jetcost.hk Open in urlscan Pro 104.18.10.123 Public Scan

Form analysis 1 forms found in the DOM

https://www.jetcost.hk/en/flights/search

Text Content

www.jetcost.hk Open in urlscan Pro
104.18.10.123 Public Scan

Form analysis
1 forms found in the DOM