www.nh-hotels.com Open in urlscan Pro
23.201.240.164  Public Scan

Submitted URL: https://digital.nh-hotels.com/sap/public/cuan/link/100/71FCF6DC9688E6069900E48E9C88D00611E9153E?_V_=2&_K11_=CDEF943D33B230DAC9...
Effective URL: https://www.nh-hotels.com/en/hotels/rome?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&ut...
Submission: On November 14 via api from BE — Scanned from ES

Form analysis 10 forms found in the DOM

Name: loginRewardsFormPOST

<form novalidate="true" id="loginFormV2" name="loginRewardsForm" method="post">
  <div class="c-input-label form-group labelup has-feedback">
    <label class="labelup-control" for="login-email">User name / Email</label>
    <input class="form-control" type="text" name="email" id="login-email" required="" autocomplete="off" data-error="Please review the field" data-required-error="Please review the field" data-validation-required-message="Please review the field"
      tabindex="1">
    <button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
      <span class="nh-ic-input-clear" aria-hidden="true"></span>
    </button>
    <div class="help-block with-errors side"></div>
  </div>
  <div class="c-input-label form-group labelup has-feedback">
    <label class="labelup-control" for="login-password"> Password </label>
    <input class="form-control" type="password" name="password" id="login-password" required="" autocomplete="off" data-error="Please review the field" data-required-error="Please review the field"
      data-validation-required-message="Please review the field" tabindex="2"><img src="https://www.nh-hotels.com/images_ns/qubit/red-eye.png" class="eye" width="25">
    <button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
      <span class="nh-ic-input-clear" aria-hidden="true"></span>
    </button>
    <div class="help-block with-errors side"></div>
  </div>
  <div class="form-group">
    <div class="js-error-login text-color-red"></div>
  </div>
  <div class="unblocked-user">
    <div class="form-group checkbox">
      <input id="remember" name="remember" class="sr-only" type="checkbox" value="">
      <label for="remember">Remember me</label>
      <div class="help-block side with-errors"></div>
    </div>
    <div class="g-recaptcha"></div>
    <input class="response-recaptcha" type="hidden">
    <button class="btn btn-primary btn-submit" type="submit">Log in</button>
    <a class="js-recorverpass-modal-trigger link-forgot" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
                  Forgot your password?
                </a>
    <p style="margin-top: 7px;font-size: 12px;">If you have an <b>account for professionals</b>, access via <a href="en/professionals/login?nhpro">NH PRO web</a></p>
  </div>
  <div class="blocked-user">
    <p class="text-color-red"> Server Error</p>
    <p> For security reasons please <a class="js-recorverpass-modal-trigger" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">reset your password.
                  </a>
    </p>
  </div>
</form>

Name: resultPageFormPOST /en

<form id="searchBarModifyForm" name="resultPageForm" action="/en" method="post" autocomplete="off" accept-charset="utf-8" novalidate="true">
  <input type="hidden" id="locationCode" name="destinationId" value="Rome" data-target="code">
  <input type="hidden" data-id="locationTCM" name="" value="" data-target="tcm">
  <input type="hidden" data-id="urlHotel" name="urlHotel" data-target="url">
  <input type="hidden" data-id="virtualHotel" name="virtualHotel">
  <input type="hidden" data-id="tipoBuscador" name="tipoBuscador" value="Search results">
  <input type="hidden" data-id="destinationValue" name="destinationValue" data-target="lcv">
  <input type="hidden" data-id="locality" data-target="locality">
  <input type="hidden" data-id="destinationTcm" name="destinationTcm" value="tcm:41-947-1024" data-target="tcm">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" id="brand" name="bdhotel" data-target="brand">
  <input type="hidden" id="locationName" data-target="locationName">
  <input type="hidden" id="countryKey" data-target="countryKey">
  <input type="hidden" id="cityKey" data-target="cityKey">
  <!-- INI GEOLOCALIZATION-->
  <!-- Latitud-->
  <input class="geo-lat js-geolocation" type="hidden" name="latitude" value="">
  <!-- Longitud-->
  <input class="geo-lon js-geolocation" type="hidden" name="longitude" value="">
  <!-- Precisión-->
  <input class="geo-acc js-geolocation" type="hidden" name="geo-acc" value="">
  <!-- FIN GEOLOCALIZATION-->
  <div class="search-bar-content summary">
    <div class="summary-content is-show">
      <p class="summary-location">Rome</p>
      <p><span class="summary-checkin">14/11/2023</span><span class="summary-checkout">15/11/2023</span><span class="summary-night">1 Night</span></p>
      <p class="summary-occupancy">1 room, 2 adults </p>
      <p class="summary-promocode"></p><a class="summary-link link-primary">Edit your search</a>
    </div>
    <div class="spinner" style="display: none;">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </div>
  <div class="search-bar-content">
    <div class="location">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="location2-sb">Destination</label>
        <input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2-sb" required="required" value="Rome" data-source="/content-api/rest/auto/autocompleteHome"
          data-hotel-label="[hotel,hotels]" data-error="Required Field" data-required-error="Required Field" data-search="Rome" data-search-error="Required Field" placeholder="">
        <div class="autocomplete-results" style="display: none;"></div>
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-poi"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
    </div>
    <div class="m-calendar-booking" data-checkin-date="08/11/2023" data-checkout-date="09/11/2023" data-msg-checkin="Choose your check-in date" data-msg-checkout="Choose your check-out date" data-msg-novalid="Invalid dates"
      data-msg-night="night chosen" data-msg-nights="nights chosen" data-msg-maxmonths="Sorry, you cannot book more than 18 months in advance"
      data-translate-months="[&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;, &quot;August&quot;, &quot;September&quot;, &quot;October&quot;, &quot;November&quot;, &quot;December&quot;]"
      data-translate-days="[&quot;MON&quot;,&quot;TUE&quot;,&quot;WED&quot;,&quot;THU&quot;,&quot;FRI&quot;,&quot;SAT&quot;,&quot;SUN&quot;]">
      <div class="calendar-booking">
        <div class="js-calendar-booking-input calendar-booking-input">
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkin-sb"> Check in </label>
            <input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkout-sb"> Check out </label>
            <input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
        </div>
        <div class="help-block with-errors side">
          <ul class="list-unstyled">
            <li>Invalid Range</li>
          </ul>
        </div>
        <div class="js-calendar-booking-dropdown calendar-booking-dropdown">
          <div class="calendar-booking-header">
            <div class="calendar-booking-title"><span class="title-name">Choose dates</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
            <div class="calendar-booking-selected">
              <div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
              <div class="calendar-booking-checkin"><span class="focus">Check in</span>
                <p class="js-selected-checkin">Tu, 14 Nov 23</p>
              </div>
              <div class="calendar-booking-checkout"><span class="focus">Check out</span>
                <p class="js-selected-checkout">We, 15 Nov 23</p>
              </div>
              <div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
            </div>
            <div class="calendar-booking-weeks">
              <div class="calendar-booking-week">MO</div>
              <div class="calendar-booking-week">TU</div>
              <div class="calendar-booking-week">WE</div>
              <div class="calendar-booking-week">TH</div>
              <div class="calendar-booking-week">FR</div>
              <div class="calendar-booking-week">SA</div>
              <div class="calendar-booking-week">SU</div>
            </div>
            <div class="calendar-booking-month-fixed">November 2023</div>
          </div>
          <div class="calendar-booking-months">
            <div class="calendar-booking-month" data-index="0">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">November</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="1" data-month="10" data-year="2023" disabled="">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="2" data-month="10" data-year="2023" disabled="">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="3" data-month="10" data-year="2023" disabled="">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="4" data-month="10" data-year="2023" disabled="">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="5" data-month="10" data-year="2023" disabled="">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="6" data-month="10" data-year="2023" disabled="">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="7" data-month="10" data-year="2023" disabled="">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="8" data-month="10" data-year="2023" disabled="">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="9" data-month="10" data-year="2023" disabled="">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="10" data-month="10" data-year="2023" disabled="">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="11" data-month="10" data-year="2023" disabled="">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="12" data-month="10" data-year="2023" disabled="">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="13" data-month="10" data-year="2023" disabled="">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="15" data-month="10" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month" data-index="1">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">December</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="2">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">January</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="3">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">February</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="1" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="4">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">March</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="5">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">April</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="6">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">May</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="7">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">June</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="8">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">July</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="9">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">August</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="10">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">September</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="8" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="11">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">October</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="9" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="12">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">November</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="10" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="10" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="13">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">December</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="14">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">January</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2025">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2025">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2025">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="15">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">February</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="16">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">March</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2025">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2025">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2025">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="17">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">April</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2025">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2025">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="calendar-booking-footer">
            <div class="calendar-booking-info">1 night chosen</div>
            <button class="btn btn-primary js-calendar-booking-button" type="button"> Accept </button>
          </div>
        </div>
      </div>
    </div>
    <div class="m-occupancy" id="m-occupancy-sb">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="optionRooms"> Occupancy </label>
        <input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name=" " id="optionRooms" required="" readonly="" data-required-error="Required Field" data-info="1 room, 2 adults ">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-user-line"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
      <div class="m-occupancy-wrapper">
        <div class="occupancy-content"
          data-labels="{&quot;rooms&quot;:&quot;rooms&quot;,&quot;room&quot;:&quot;room&quot;,&quot;adults&quot;:&quot;adults&quot;,&quot;adult&quot;:&quot;adult&quot;,&quot;children&quot;:&quot;children&quot;,&quot;child&quot;:&quot;child&quot;,&quot;babies&quot;:&quot;babies&quot;,&quot;baby&quot;:&quot;baby&quot;}">
          <div class="option-values"></div>
          <div class="option-header">
            <h3 class="title">Select Rooms</h3>
            <title-icon class="nh-ic-close room-close"></title-icon>
          </div>
          <div class="option-list">
            <!-- option 1-->
            <div class="option option-1">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room hidden" type="button" title="Delete room" data-close="0" disabled="">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 1 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 2-->
            <div class="option option-2 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="1">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 2 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 3-->
            <div class="option option-3 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="2">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 3 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 4-->
            <div class="option option-4 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="3">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 4 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 5-->
            <div class="option option-5 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="4">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 5 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 6-->
            <div class="option option-6 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="5">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 6 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 7-->
            <div class="option option-7 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="6">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 7 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 8-->
            <div class="option option-8 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="7">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 8 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 9-->
            <div class="option option-9 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="8">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 9 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div id="endRooms"></div>
          </div>
          <div class="occupancy-footer">
            <div class="add-room">
              <button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Add room </button>
            </div>
            <div class="room-resume">1 room, 2 adults </div>
            <button class="btn btn-primary room-apply" type="button"> Accept </button>
          </div>
        </div>
      </div>
    </div>
    <div class="voucher-code">
      <div class="form-group labelup">
        <label class="labelup-control" for="voucherCode-sb"> Promo Code </label>
        <input class="form-control text-ellipsis" type="text" name="voucherCode" id="voucherCode-sb" maxlength="30">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
      </div>
    </div>
    <div class="search-btn">
      <button id="btn-search" class="btn-block btn btn-primary btn-loader js-track-new-search js-submitFormGA4" type="submit">
        <span class="btn-text">Search</span>
        <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
      </button>
    </div>
  </div>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.NAIDI" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="Anantara">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="Anantara Palazzo Naiadi Rome Hotel" data-preciototal="TOTAL" data-stars="stars5" data-locality="Rome, Rome , Italy"
    data-brand="Anantara" data-hotelcode="ITRM.NAIDI" data-citykey="Rome" data-countrykey="Italy" data-num="0" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.FORIM" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="NH Collection">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Roma Fori Imperiali" data-preciototal="TOTAL" data-stars="stars5" data-locality="Rome, Rome , Italy"
    data-brand="NH Collection" data-hotelcode="ITRM.FORIM" data-citykey="Rome" data-countrykey="Italy" data-num="1" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.CINQU" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="NH Collection">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Roma Palazzo Cinquecento" data-preciototal="TOTAL" data-stars="stars5" data-locality="Rome, Rome , Italy"
    data-brand="NH Collection" data-hotelcode="ITRM.CINQU" data-citykey="Rome" data-countrykey="Italy" data-num="2" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.GIUST" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="NH Collection">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Roma Giustiniano" data-preciototal="TOTAL" data-stars="stars4" data-locality="Rome, Rome , Italy"
    data-brand="NH Collection" data-hotelcode="ITRM.GIUST" data-citykey="Rome" data-countrykey="Italy" data-num="3" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.LEONA" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="NH Collection">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Roma Centro" data-preciototal="TOTAL" data-stars="stars4" data-locality="Rome, Rome , Italy"
    data-brand="NH Collection" data-hotelcode="ITRM.LEONA" data-citykey="Rome" data-countrykey="Italy" data-num="4" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.VITTO" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="NH Collection">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Roma Vittorio Veneto" data-preciototal="TOTAL" data-stars="stars4" data-locality="Rome, Rome , Italy"
    data-brand="NH Collection" data-hotelcode="ITRM.VITTO" data-citykey="Rome" data-countrykey="Italy" data-num="5" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST

<form class="availableData" method="post" action="">
  <input type="hidden" value="ITRM.CARPE" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" data-id="brand" name="bdhotel" value="NH Hotels">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Roma Villa Carpegna" data-preciototal="TOTAL" data-stars="stars4" data-locality="Rome, Rome , Italy"
    data-brand="NH Hotels" data-hotelcode="ITRM.CARPE" data-citykey="Rome" data-countrykey="Italy" data-num="6" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span> <span
          class="js-currency currency"></span></span></span>
    <div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </button>
</form>

POST /en

<form id="searchModifyFormModal" action="/en" method="POST" autocomplete="off" accept-charset="utf-8" novalidate="true" data-type="">
  <input class="js-input-currency" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="code" data-target="code">
  <input type="hidden" data-id="tipoBuscador" name="tipoBuscador" value="Home">
  <input type="hidden" id="brandModal" data-id="brandModal" name="bdhotel" data-target="brand">
  <input type="hidden" data-id="type" data-target="typeSearch" value="">
  <input type="hidden" data-id="locationTCM" data-target="tcm" name="destinationTcm" value="">
  <input type="hidden" data-id="virtualHotel" name="virtualHotel" data-target="vh" value="">
  <input type="hidden" data-id="urlHotel" name="urlHotel" data-target="url" value="">
  <input type="hidden" data-id="locationLcv" name="destinationValue" data-target="lcv">
  <input type="hidden" id="locationNameModal" data-id="locationNameModal" data-target="locationName">
  <input type="hidden" id="countryKeyModal" data-id="countryKeyModal" data-target="countryKey">
  <input type="hidden" id="cityKeyModal" data-id="cityKeyModal" data-target="cityKey">
  <!--//search-bar-content-->
  <div class="search-bar-content">
    <!-- // LOCATION -->
    <div class="location">
      <div class="form-group labelup ico-right input-group has-feedback">
        <label class="labelup-control" for="location2"> Destination </label>
        <input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2" required="" data-source="/content-api/rest/auto/autocompleteHome?filterGha=true"
          data-hotel-label="[&quot;hotel&quot;,&quot;hoteles&quot;]" data-error="" data-id="location2" data-required-error="Required Field">
        <div class="autocomplete-results" style="display: none;"></div>
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-poi"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
    </div>
    <!-- // FIN LOCATION -->
    <!-- // CALENDAR -->
    <div class="m-calendar-booking"
      data-translate-months="[&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;, &quot;August&quot;, &quot;September&quot;, &quot;October&quot;, &quot;November&quot;, &quot;December&quot;]"
      data-translate-days="[&quot;MON&quot;,&quot;TUE&quot;,&quot;WED&quot;,&quot;THU&quot;,&quot;FRI&quot;,&quot;SAT&quot;,&quot;SUN&quot;]" data-checkin-date="08/11/2023" data-checkout-date="09/11/2023" data-msg-checkin="Choose your check-in date"
      data-msg-checkout="Choose your check-out date" data-msg-novalid="Invalid dates" data-msg-night="night chosen" data-msg-nights="nights chosen" data-msg-maxmonths="Sorry, you cannot book more than 18 months in advance" data-first-weekly-day=""
      data-first-valid-date="" data-last-valid-date="" data-max-nights="30" data-min-nights="">
      <div class="calendar-booking">
        <div class="js-calendar-booking-input calendar-booking-input">
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkin-sb">Check in </label>
            <input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
          <div class="form-group labelup is-active">
            <label class="labelup-control focus" for="calendar-checkout-sb">Check out </label>
            <input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
            <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
          </div>
        </div>
        <div class="help-block with-errors side">
          <ul class="list-unstyled">
            <li>Invalid Range</li>
          </ul>
        </div>
        <div class="js-calendar-booking-dropdown calendar-booking-dropdown">
          <div class="calendar-booking-header">
            <div class="calendar-booking-title"><span class="title-name">Choose dates</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
            <div class="calendar-booking-selected">
              <div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
              <div class="calendar-booking-checkin"><span>Check in</span>
                <p class="js-selected-checkin">Tu, 14 Nov 23</p>
              </div>
              <div class="calendar-booking-checkout"><span>Check out</span>
                <p class="js-selected-checkout">We, 15 Nov 23</p>
              </div>
              <div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
            </div>
            <div class="calendar-booking-weeks">
              <div class="calendar-booking-week">MO</div>
              <div class="calendar-booking-week">TU</div>
              <div class="calendar-booking-week">WE</div>
              <div class="calendar-booking-week">TH</div>
              <div class="calendar-booking-week">FR</div>
              <div class="calendar-booking-week">SA</div>
              <div class="calendar-booking-week">SU</div>
            </div>
            <div class="calendar-booking-month-fixed">November 2023</div>
          </div>
          <div class="calendar-booking-months">
            <div class="calendar-booking-month" data-index="0">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">November</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="1" data-month="10" data-year="2023" disabled="">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="2" data-month="10" data-year="2023" disabled="">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="3" data-month="10" data-year="2023" disabled="">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="4" data-month="10" data-year="2023" disabled="">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="5" data-month="10" data-year="2023" disabled="">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="6" data-month="10" data-year="2023" disabled="">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="7" data-month="10" data-year="2023" disabled="">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="8" data-month="10" data-year="2023" disabled="">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="9" data-month="10" data-year="2023" disabled="">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="10" data-month="10" data-year="2023" disabled="">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="11" data-month="10" data-year="2023" disabled="">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="12" data-month="10" data-year="2023" disabled="">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="13" data-month="10" data-year="2023" disabled="">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="15" data-month="10" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month" data-index="1">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">December</span>
                <span class="year-name">2023</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2023">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="2">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">January</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="3">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">February</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="1" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="4">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">March</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="5">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">April</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="6">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">May</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="4" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="4" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="4" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="4" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="4" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="4" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="4" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="4" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="4" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="4" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="4" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="4" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="4" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="4" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="4" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="4" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="4" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="4" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="4" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="4" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="4" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="4" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="4" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="4" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="4" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="4" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="4" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="4" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="4" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="4" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="4" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="7">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">June</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="5" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="5" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="5" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="5" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="5" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="5" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="5" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="5" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="5" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="5" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="5" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="5" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="5" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="5" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="5" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="5" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="5" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="5" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="5" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="5" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="5" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="5" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="5" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="5" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="5" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="5" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="5" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="5" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="5" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="5" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="8">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">July</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="9">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">August</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="7" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="10">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">September</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="8" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="11">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">October</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="9" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="12">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">November</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="10" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="10" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="10" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="10" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="10" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="10" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="10" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="10" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="10" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="10" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="10" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="10" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="10" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="10" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="10" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="10" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="10" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="13">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">December</span>
                <span class="year-name">2024</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="11" data-year="2024">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="11" data-year="2024">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="11" data-year="2024">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="11" data-year="2024">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="11" data-year="2024">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="11" data-year="2024">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="11" data-year="2024">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="11" data-year="2024">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="11" data-year="2024">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="11" data-year="2024">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="11" data-year="2024">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="11" data-year="2024">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="11" data-year="2024">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="11" data-year="2024">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="11" data-year="2024">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="11" data-year="2024">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="11" data-year="2024">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="11" data-year="2024">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="11" data-year="2024">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="11" data-year="2024">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="11" data-year="2024">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="11" data-year="2024">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="11" data-year="2024">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="11" data-year="2024">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="11" data-year="2024">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="11" data-year="2024">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="11" data-year="2024">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="11" data-year="2024">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="11" data-year="2024">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="11" data-year="2024">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="11" data-year="2024">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="14">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">January</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="0" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="0" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="0" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="0" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="0" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="0" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="0" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="0" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="0" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="0" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="0" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="0" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="0" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="0" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="0" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="0" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="0" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="0" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="0" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="0" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="0" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="0" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="0" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="0" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="0" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="0" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="0" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="0" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="0" data-year="2025">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="0" data-year="2025">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="0" data-year="2025">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="15">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">February</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="1" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="1" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="1" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="1" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="1" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="1" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="1" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="1" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="1" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="1" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="1" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="1" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="1" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="1" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="1" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="1" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="1" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="1" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="1" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="1" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="1" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="1" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="1" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="1" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="1" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="1" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="1" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="1" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="16">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">March</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="2" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="2" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="2" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="2" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="2" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="2" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="2" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="2" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="2" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="2" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="2" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="2" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="2" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="2" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="2" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="2" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="2" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="2" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="2" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="2" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="2" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="2" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="2" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="2" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="2" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="2" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="2" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="2" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="2" data-year="2025">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="2" data-year="2025">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="2" data-year="2025">
                    <span>31</span>
                  </button>
                </div>
              </div>
            </div>
            <div class="calendar-booking-month is-hidden" data-index="17">
              <div class="calendar-booking-weeks">
                <div class="calendar-booking-week">MO</div>
                <div class="calendar-booking-week">TU</div>
                <div class="calendar-booking-week">WE</div>
                <div class="calendar-booking-week">TH</div>
                <div class="calendar-booking-week">FR</div>
                <div class="calendar-booking-week">SA</div>
                <div class="calendar-booking-week">SU</div>
              </div>
              <div class="month-header">
                <span class="month-name">April</span>
                <span class="year-name">2025</span>
              </div>
              <div class="month-content">
                <div class="month-day"><button class="day empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="3" data-year="2025">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="3" data-year="2025">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="3" data-year="2025">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="3" data-year="2025">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="3" data-year="2025">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="3" data-year="2025">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="3" data-year="2025">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="3" data-year="2025">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="3" data-year="2025">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="3" data-year="2025">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="3" data-year="2025">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="3" data-year="2025">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="3" data-year="2025">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="3" data-year="2025">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="3" data-year="2025">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="3" data-year="2025">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="3" data-year="2025">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="3" data-year="2025">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="3" data-year="2025">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="3" data-year="2025">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="3" data-year="2025">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="3" data-year="2025">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="3" data-year="2025">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="3" data-year="2025">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="3" data-year="2025">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="3" data-year="2025">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="3" data-year="2025">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="3" data-year="2025">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="3" data-year="2025">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="3" data-year="2025">
                    <span>30</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="calendar-booking-footer">
            <div class="calendar-booking-info">1 night chosen</div>
            <button class="btn btn-primary js-calendar-booking-button" type="button">Accept</button>
          </div>
        </div>
      </div>
    </div>
    <!-- // FIN CALENDAR -->
    <!-- //OCUPPANCY -->
    <div class="m-occupancy field">
      <div class="form-group labelup ico-right input-group has-feedback has-success">
        <label class="labelup-control focus" for="optionRooms">Occupancy </label>
        <input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name="occupancy" id="optionRooms" required="" readonly="" data-required-error="Required Field" data-info="1 room, 2 adults ">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-user-line"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
      <div class="m-occupancy-wrapper">
        <div class="occupancy-content"
          data-labels="{&quot;rooms&quot;:&quot;rooms&quot;,&quot;room&quot;:&quot;room&quot;,&quot;adults&quot;:&quot;adults&quot;,&quot;adult&quot;:&quot;adult&quot;,&quot;children&quot;:&quot;children&quot;,&quot;child&quot;:&quot;child&quot;,&quot;babies&quot;:&quot;babies&quot;,&quot;baby&quot;:&quot;baby&quot;}">
          <div class="option-values"></div>
          <div class="option-header">
            <h3 class="title">Select Rooms</h3>
            <title-icon class="nh-ic-close room-close"></title-icon>
          </div>
          <div class="option-list">
            <!-- option 1-->
            <div class="option option-1">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room hidden" type="button" title="Delete room" data-close="0" disabled="">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 1 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 2-->
            <div class="option option-2 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="1">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 2 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 3-->
            <div class="option option-3 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="2">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 3 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 4-->
            <div class="option option-4 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="3">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 4 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 5-->
            <div class="option option-5 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="4">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 5 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 6-->
            <div class="option option-6 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="5">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 6 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 7-->
            <div class="option option-7 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="6">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 7 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 8-->
            <div class="option option-8 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="7">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 8 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <!-- option 9-->
            <div class="option option-9 hidden">
              <div class="load"></div>
              <div class="option-box title">
                <button class="room-close delete-room" type="button" title="Delete room" data-close="8">
                  <i class="nh-ic-close"></i>
                  <span class="hide">Delete room</span>
                </button>
                <span class="h5"> room 9 </span>
              </div>
              <div class="option-box adults">
                <fieldset>
                  <div class="fields">
                    <label> Adults </label>
                    <div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box children">
                <fieldset>
                  <div class="fields">
                    <label> Children <span> (2-11) </span>
                    </label>
                    <div class="controls" data-type="children" data-min="0" data-max="11">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
              <div class="option-box babies">
                <fieldset>
                  <div class="fields">
                    <label> Babies <span> (0-1) </span>
                    </label>
                    <div class="controls" data-type="babies" data-min="0" data-max="2">
                      <button class="minus nh-ic-minus" type="button" title="Remove"></button>
                      <input class="ammount" type="text" readonly="" tabindex="-1">
                      <button class="plus nh-ic-plus" type="button" title="Add"></button>
                    </div>
                  </div>
                </fieldset>
              </div>
            </div>
            <div id="endRooms"></div>
          </div>
          <div class="occupancy-footer">
            <div class="add-room">
              <button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Add room </button>
            </div>
            <div class="room-resume">1 room, 2 adults </div>
            <button class="btn btn-primary room-apply" type="button">Apply </button>
          </div>
        </div>
      </div>
    </div>
    <!-- //FIN OCUPPANCY -->
    <!-- // PROMO CODE AND BOOK NOW BUTTON -->
    <div class="voucher-code  "><a class="voucher-link link-primary">Promo Code</a>
      <div class="form-group labelup ico-right input-group">
        <label class="labelup-control" for="voucherCode">Promo Code </label>
        <input class="form-control text-ellipsis" type="text" name="voucherCode" id="voucherCode" value="">
        <button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
        <div class="container-icon"><span class="nh-ic-percentage"></span></div>
        <div class="help-block with-errors side">
        </div>
      </div>
    </div>
    <!-- // FIN PROMO CODE AND BOOK NOW BUTTON -->
    <div class="search-btn">
      <button class="btn-block btn btn-primary btn-loader js-track-search-hp js-submitFormGA4" type="submit"><span class="btn-text">Search</span>
        <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
      </button>
    </div>
  </div>
  <!--//fin search-bar-content-->
</form>

Text Content

 * Hotels
   
   Hotels
   
   Hotels
   
   More than 350 hotels in 35 countries. Discover them all
   
   Top Destinations
   
   Europe
   
    * Hotels in Algarve
    * Hotels in Amsterdam
    * Hotels in Barcelona
    * Hotels in Berlin
    * Hotels in Brussels
    * Hotels in Lisbon
    * Hotels in Madrid
    * Hotels in Milan
    * Hotels in Rome
   
   America
   
    * Hotels in Bogota
    * Hotels in Buenos Aires
    * Hotels in Mexico City
    * Hotels in New York
   
   Hotels by category
   
    * Business Hotels
    * Family Hotels
    * Hotels with pool
    * Hotels with spa
    * Pet friendly hotels
    * Romantic hotels
    * Resorts
   
   A hotel in every location
   
    * City center hotels
    * Airport hotels
    * Beach hotels

 * Offers & Inspiration
   
   Offers & Inspiration
   
   Offers
   
   Travel ideas and special discounts
   
   Travel Guides
   
    * Amsterdam
    * Berlin
    * Brussels
    * Madrid
    * Milan
    * Rome
   
   Gift Cards
   
   
   
   Social events
   
   
   
   More beyond hotels
   
    * Month by month guide
    * Hotel rooftops
    * Hotel restaurants
    * Hotel weekend breaks

 * Professionals
   
   Professionals
   
   The best solutions for professionals
   
   Companies
   
    * NH+ Business Program
   
   Agencies
   
   
   
   NH PRO Blog
   
   
   
   Meetings & Events
   
   Types
   
    * Event Types
    * Venue Types
   
   Top cities for Meetings
   
    * Meeting Rooms in Amsterdam
    * Meeting Rooms in Berlin
    * Meeting Rooms in Brussels
    * Meeting Rooms in Madrid
    * Meeting Rooms in Rome

 * Loyalty
   
   Loyalty
   
   Enjoy exclusive benefits for our most loyal customers
   
   Benefits
   
   
   
   Become a member
   
   
 * Bookings
   
   Bookings
   
   Manage my reservations
   
   Review, modify or cancel your reservation
   
   Search my booking
   
   
   
   Online check in
   
   
 * English
 * Help

 * 
   

 * Contact us
   
   Contact us
   
    * Spain
      +34 91 600 81 46
    * Global Access
      +34 91 398 46 61
   
   See all phones
    * Argentina
      +54 11 68419937
    * Austria
      +43 12 67 59 72
    * Belgium
      +32 258 80 062
    * Brazil
      +55 1139588450
    * Switzerland
      +41 31 5208011
    * Chile
      +56 2 2760 9024
    * Colombia
      +57 13819596
    * Czech Republic
      +42 0 2 28 880 714
    * Germany
      +49 30 22388599
    * Denmark
      +45 32443059
    * Spain
      +34 91 600 81 46
    * France
      +33 176 54 1942
    * United Kingdom
      +44 203 4998 271
    * Hungary
      +36 18154346
    * Ireland
      +353 (0) 1 233 2014
    * Italy
      +39 02 87368144
    * Luxembourg
      +352 27772097
    * Mexico
      +52 55 95968237
    * The Netherlands
      +31 (0)20 70 18 042
    * Poland
      +48 222441252
    * Portugal
      +351 210 020 848
    * Romania
      +40 317801218
    * Slovakia
      +42 1233456575
    * Thailand
      +66 (0) 2 365 9109
    * United States of America
      +1 212 219 7607
    * Uruguay
      +59 8 29160001

   
   
 * EN
   
   Languages
   
    * English
    * Español
    * Deutsch
    * Français
    * Italiano
    * Nederlands
    * Português
    * Español CO
    * Español AR
    * Español MX

   
 * 
 * 

Join NH DISCOVERY now!

5% off guaranteed in all your bookings

D$ 5 extra reward when booking on our website or app

Member-only offers and exclusive experiences

…and much more! Join now

Log in to NH DISCOVERY

User name / Email

Password


Remember me


Log in Forgot your password?

If you have an account for professionals, access via NH PRO web

Server Error

For security reasons please reset your password.

 1. NH Hotels
 2. Italy
 3. Rome
 4. 
    Rome

Rome

14/11/202315/11/20231 Night

1 room, 2 adults



Edit your search

Destination



Check in
Check out
 * Invalid Range

Choose dates
Check in

Tu, 14 Nov 23

Check out

We, 15 Nov 23


MO
TU
WE
TH
FR
SA
SU
November 2023
MO
TU
WE
TH
FR
SA
SU
November 2023
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
MO
TU
WE
TH
FR
SA
SU
December 2023
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
MO
TU
WE
TH
FR
SA
SU
January 2024
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
MO
TU
WE
TH
FR
SA
SU
February 2024
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
MO
TU
WE
TH
FR
SA
SU
March 2024
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
MO
TU
WE
TH
FR
SA
SU
April 2024
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
MO
TU
WE
TH
FR
SA
SU
May 2024
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
MO
TU
WE
TH
FR
SA
SU
June 2024
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
MO
TU
WE
TH
FR
SA
SU
July 2024
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
MO
TU
WE
TH
FR
SA
SU
August 2024
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
MO
TU
WE
TH
FR
SA
SU
September 2024
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
MO
TU
WE
TH
FR
SA
SU
October 2024
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
MO
TU
WE
TH
FR
SA
SU
November 2024
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
MO
TU
WE
TH
FR
SA
SU
December 2024
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
MO
TU
WE
TH
FR
SA
SU
January 2025
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
MO
TU
WE
TH
FR
SA
SU
February 2025
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
MO
TU
WE
TH
FR
SA
SU
March 2025
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
MO
TU
WE
TH
FR
SA
SU
April 2025
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
1 night chosen
Accept
Occupancy




SELECT ROOMS

Delete room room 1
Adults

Children (2-11)

Babies (0-1)

Delete room room 2
Adults

Children (2-11)

Babies (0-1)

Delete room room 3
Adults

Children (2-11)

Babies (0-1)

Delete room room 4
Adults

Children (2-11)

Babies (0-1)

Delete room room 5
Adults

Children (2-11)

Babies (0-1)

Delete room room 6
Adults

Children (2-11)

Babies (0-1)

Delete room room 7
Adults

Children (2-11)

Babies (0-1)

Delete room room 8
Adults

Children (2-11)

Babies (0-1)

Delete room room 9
Adults

Children (2-11)

Babies (0-1)


+ Add room
1 room, 2 adults
Accept
Promo Code
Search



7 HOTEL(S) FOUND IN ROME, ITALY

Filter Map

Filter
Sort By
NH Recommends  
 * NH Recommends
 * Price (lowest-highest)
 * Price (highest-lowest)
 * Name (A-Z)
 * Name (Z-A)
 * Rating (lowest-highest)
 * Rating (highest-lowest)
 * Closest to POI
 * Furthest from POI
 * Closest to city center
 * Furthest away from city center
 * Close to me

NH Recommends Price (lowest-highest) Price (highest-lowest) Name (A-Z) Name
(Z-A) Rating (lowest-highest) Rating (highest-lowest) Closest to POI Furthest
from POI Closest to city center Furthest away from city center Close to me

Prices

Select a maximum price


Services
 * 
   Accessibility
 * 
   Babysitter
 * 
   Gym
 * 
   Parking
 * 
   Pets
 * 
   Pool
 * 
   Shuttle
 * 
   Spa

Close to
Choose an option 
 * Choose an option
 * Baths of Diocletian
 * Bioparco Zoo
 * Castle of Sant'Angelo
 * Ciampino Airport
 * Circus Maximus
 * Colosseum
 * Fiumicino Airport
 * Foro Italico
 * Foro Romano
 * Galleria Arte Moderna Roma
 * Palalottomatica
 * Pantheon
 * Piazza del Campidoglio
 * Piazza del Popolo
 * Spanish Steps
 * Piazza Navona
 * Piazza Venezia
 * Stadio Olimpico Roma
 * St Peter's Basilica
 * Termini Train Station
 * Tiburtina Station
 * Trevi Fountain
 * Vaticani Museums
 * Via Condotti
 * Via Veneto
 * Villa Borghese Park
 * Stadio Flaminio

Choose an optionBaths of DiocletianBioparco ZooCastle of Sant'AngeloCiampino
AirportCircus MaximusColosseumFiumicino AirportForo ItalicoForo RomanoGalleria
Arte Moderna RomaPalalottomaticaPantheonPiazza del CampidoglioPiazza del
PopoloSpanish StepsPiazza NavonaPiazza VeneziaStadio Olimpico RomaSt Peter's
BasilicaTermini Train StationTiburtina StationTrevi FountainVaticani MuseumsVia
CondottiVia VenetoVilla Borghese ParkStadio Flaminio

25 km

Ratings

View results
Sort By
NH Recommends  
 * NH Recommends
 * Price (lowest-highest)
 * Price (highest-lowest)
 * Name (A-Z)
 * Name (Z-A)
 * Rating (lowest-highest)
 * Rating (highest-lowest)
 * Closest to POI
 * Furthest from POI
 * Closest to city center
 * Furthest away from city center
 * Close to me

NH Recommends Price (lowest-highest) Price (highest-lowest) Name (A-Z) Name
(Z-A) Rating (lowest-highest) Rating (highest-lowest) Closest to POI Furthest
from POI Closest to city center Furthest away from city center Close to me

Currency
€ Euro  
 * € Euro
 * £ Pound Sterling
 * ₪ New Israeli Sheqel
 * AR$ Argentine Peso
 * AUD Australian Dollar
 * CAD Canadian Dollar
 * CHF Swiss Franc
 * CL$ Chilean Peso
 * COP Colombian Peso
 * DKK Danish Krone
 * HUF Hungarian Forint
 * Kč Czech Koruna
 * lei Romanian New Leu
 * MXN Mexican Peso
 * NOK Norwegian Krone
 * R$ Brazilian Real
 * Rs. Indian Rupee
 * RUB Russian Ruble
 * S/ Peruvian Sol
 * SEK Swedish Krona
 * US$ U.S. Dollar
 * UYU Uruguayan Peso
 * zł Polish Zloty

€ Euro £ Pound Sterling ₪ New Israeli Sheqel AR$ Argentine Peso AUD Australian
Dollar CAD Canadian Dollar CHF Swiss Franc CL$ Chilean Peso COP Colombian Peso
DKK Danish Krone HUF Hungarian Forint Kč Czech Koruna lei Romanian New Leu MXN
Mexican Peso NOK Norwegian Krone R$ Brazilian Real Rs. Indian Rupee RUB Russian
Ruble S/ Peruvian Sol SEK Swedish Krona US$ U.S. Dollar UYU Uruguayan Peso zł
Polish Zloty

Filter Map
Prices

Select a maximum price


Services
 * 
   Accessibility
 * 
   Babysitter
 * 
   Gym
 * 
   Parking
 * 
   Pets
 * 
   Pool
 * 
   Shuttle
 * 
   Spa

Close to
Choose an option 
 * Choose an option
 * Baths of Diocletian
 * Bioparco Zoo
 * Castle of Sant'Angelo
 * Ciampino Airport
 * Circus Maximus
 * Colosseum
 * Fiumicino Airport
 * Foro Italico
 * Foro Romano
 * Galleria Arte Moderna Roma
 * Palalottomatica
 * Pantheon
 * Piazza del Campidoglio
 * Piazza del Popolo
 * Spanish Steps
 * Piazza Navona
 * Piazza Venezia
 * Stadio Olimpico Roma
 * St Peter's Basilica
 * Termini Train Station
 * Tiburtina Station
 * Trevi Fountain
 * Vaticani Museums
 * Via Condotti
 * Via Veneto
 * Villa Borghese Park
 * Stadio Flaminio

Choose an optionBaths of DiocletianBioparco ZooCastle of Sant'AngeloCiampino
AirportCircus MaximusColosseumFiumicino AirportForo ItalicoForo RomanoGalleria
Arte Moderna RomaPalalottomaticaPantheonPiazza del CampidoglioPiazza del
PopoloSpanish StepsPiazza NavonaPiazza VeneziaStadio Olimpico RomaSt Peter's
BasilicaTermini Train StationTiburtina StationTrevi FountainVaticani MuseumsVia
CondottiVia VenetoVilla Borghese ParkStadio Flaminio

25 km

Ratings





THERE ARE NO HOTELS COMPATIBLE WITH THE SELECTED FILTERS

Modify filters to see additional hotels




HOTELS INCLUDED IN THE PROMOTION WITH AVAILABILITY FOR THE SELECTED DATES


NEARBY PROMO HOTELS WITH AVAILABILITY ON THE SELECTED DATES


ANANTARA PALAZZO NAIADI ROME HOTEL



Piazza della Repubblica, 48 00185, Rome - Italy

0.33 km Baths of Diocletian



There are no rooms available that meet your search criteria


3752 Opinions
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Gym

 * Spa

 * 100%

 * Air conditioning - Climate Control

 * Pets

 * Accessibility

 * Celebrations

 * Meetings

 * 232 Rooms

Breathe in the history of the Eternal city from the 5* Anantara Palazzo Naiadi
Rome Hotel Anantara Palazzo Naiadi Rome Hotel. With the perfect centric location
for both leisure and business, this 19th century marble palace hotel is situated
on the majestic Piazza della Repubblica, right in front of the famous Diocletian
Thermal Baths dating from 306 BC and just a stone’s throw from the city’s iconic
monuments.


NH COLLECTION ROMA FORI IMPERIALI



Via di Santa Eufemia, 19 00187, Rome - Italy

0.41 km Foro Romano



There are no rooms available that meet your search criteria


358 Opinions
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * 100%

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * 42 Rooms

History comes to life when you stay at the NH Collection Roma Fori Imperiali.
This brand-new hotel puts you right by the Imperial Forums, which are among
Rome’s major archeological treasures, as well as close to everything the city
has to offer.


NH COLLECTION ROMA PALAZZO CINQUECENTO



Piazza dei Cinquecento, 90, 00185, Rome - Italy

1.58 km Colosseum



There are no rooms available that meet your search criteria


1655 Opinions
2023 Certificate of Excellence
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Parking

 * Gym

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * Celebrations

 * Meetings

 * 177 Rooms

The luxury 5 star NH Collection Roma Palazzo Cinquecento is perfect for business
or leisure travelers, and oozes Italian style. Located in Piazza dei
Cinquecento, it's literally a couple of minutes from the platforms of Roma
Termini Station. With a private garden featuring part of the ancient Roman
ruins, the hotel is a calm charming oasis in a busy city. A metro, bus and tram
stop are all on the doorstep, as well as onsite parking for guests arriving by
car. Many world-famous sights such as Santa Maria Maggiore Basilica, Teatro
dell'Opera, Roman Colosseum, Circus Maximus and the Quirinal Palace lie just a
short walk away.


NH COLLECTION ROMA GIUSTINIANO



Via Virgilio, 1 E/F/G, 00193, Rome - Italy

0.43 km Castle of Sant'Angelo



There are no rooms available that meet your search criteria


3182 Opinions
2023 Certificate of Excellence
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Parking

 * Gym

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * Babysitter

 * Celebrations

 * Meetings

 * 161 Rooms

The NH Collection Roma Giustiniano hotel puts you footsteps from the Vatican and
right on the doorstep of the Prati shopping district with its high-end designer
stores. This hotel in Rome has direct connection with Vaticano city, St Peter's
Basilica, Sant'Angelo Bridge, Sant'Angelo Castle, Trastevere neighborhood and
Rome’s historical center, meanwhile, is just 10 minutes away on foot.


NH COLLECTION ROMA CENTRO



Via dei Gracchi, 324, 00192, Rome - Italy

0.66 km Piazza del Popolo



There are no rooms available that meet your search criteria


2445 Opinions
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Parking

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * Celebrations

 * Meetings

 * 257 Rooms

The NH Collection Roma Centro hotel, known until now as NH Roma Leonardo da
Vinci, has undergone a sophisticated refurbishment and ideally located in the
exclusive Prati neighborhood, a residential area of Rome, near the Vatican City,
the magnificent Sant'Angelo Bridge, Sant'Angelo Castle, Piazza Navona, Pantheon
and direct connection to nearby neighborhoods such as Trastevere. It's location
makes it perfect for both business and leisure trips.


NH COLLECTION ROMA VITTORIO VENETO



Corso d'Italia, 1, 00198, Rome - Italy

0.51 km Villa Borghese Park



There are no rooms available that meet your search criteria


2995 Opinions
2023 Certificate of Excellence
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Parking

 * Gym

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * Babysitter

 * Celebrations

 * Shuttle

 * Meetings

 * 199 Rooms

The NH Collection Roma Vittorio Veneto hotel is in the heart of Rome. This hotel
in Rome is near the city’s most popular street, Via Veneto, Villa Borghese Park,
Piazza del Popolo, Trevi Fountain and Spanish Steps. As for the building itself,
it was once a Vatican-owned convent, but a 2009 refurbishment has given it
plenty of contemporary style.


NH ROMA VILLA CARPEGNA



Via Pio IV, 6, 00165, Rome - Italy

1.66 km St Peter's Basilica



There are no rooms available that meet your search criteria


2005 Opinions
 * 
 * 
 * 

Show info
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Parking

 * Gym

 * Pool

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * Babysitter

 * Celebrations

 * Meetings

 * 201 Rooms

Set just outside Rome’s bustling center, the NH Roma Villa Carpegna hotel offers
the perfect balance between city action and suburban tranquillity. This hotel in
Rome is near the Vatican City State, St Peter's Basilica with direct connection
to other neighborhoods as Trastevere and other monuments. Surrounding the hotel
is a private park, making it pretty and peaceful, yet we’re just 10 minutes from
St Peter’s Square. And it’s a 15-minute walk to the metro station, putting all
the sights within easy reach.


NEARBY HOTELS


HOTELS WITH NO AVAILABILITY FOR THE DATES SELECTED


NEARBY HOTELS WITH NO AVAILBILITY ON THE SELECTED DATES


ROME


BOOK A HOTEL IN ROME

Going on vacation to Rome has become one of best options for those who love to
travel. The streets of this emblematic Italian destination preserve its 3000
years of history: from the magnificent Roman Colosseum and Roman Forum to
Trajan's Market, the Baths of Caracalla, and the most significant churches with
immense architectural history, such as St. Peter's Basilica in the Vatican.

When you stay with NH Hotel Group in Rome, the Italian capital is one of the
best places to visit at any time of year.


WHY STAY WITH NH HOTELS IN ROME?

At NH Hotel Group, we are aware of all there is to see in Rome, which is why we
offer visitors several 4-star and 5-star hotels in the city, situated in ideal
locations in Rome, allowing you to move around with ease and explore every
corner of this fantastic city.

If you’re interested in visiting Vatican City and discovering St. Peter's
Basilica and the Sistine Chapel, we recommend booking a room at the NH
Collection Roma Giustiniano hotel. The NH Collection Roma Centro hotel is also
near the Vatican and the impressive Castel Sant'Angelo.

For a luxurious holiday in Rome, stay at the NH Collection Roma Fori Imperiali
hotel, located next to the Imperial Fora and various other points of interest in
the city, such as the Via del Corso and the Roman Forum. There’s also the
Anantara Palazzo Naidi Rome, which is one of the best hotels in Rome, with a
5-star rating. The hotel is located near the Piazza della Repubblica and has the
bonus of having an exclusive rooftop swimming pool, gym, and spa.

If you’re looking for a hotel with a swimming pool at the best price, choose the
NH Roma Villa Carpegna hotel, with its large outdoor pool where you can relax
after a day of sight-seeing. Meanwhile, the NH Collection Roma Vittorio Veneto
hotel is situated on the outskirts of the beautiful Parco di Villa Borghese, an
oasis in the center of Rome.

If, on the other hand, you’re interested in staying near Roma Termini, the best
choice would be to book one of the fantastic rooms at the NH Collection Roma
Palazzo Cinquecento. This hotel is already popular for its cozy feel and
breath-taking panoramic views from the terrace. If you need a hotel with direct
access to the Rome Termini station, book a room at NH Collection Roma Vittorio
Veneto.


HOW’S THE WEATHER IN ROME?

For the bulk of the year, Rome offers wonderful opportunities to sightsee all
the city’s magnificent landmarks thanks to comfortable and pleasant weather. The
hottest months of the year are June, July, and August—when the average daily
high temperatures are of around 31ºC and there’s only about two days of rain per
month—while the coldest months are December and January with average daily highs
of 13ºC and 12ºC, respectively.


WHAT TO SEE IN ROME?

Rome is renowned all around the world for its stunning historical and
architectural sights, which include monuments, religious buildings, and squares.
These are some of the most famous ones, not to be missed when you visit Rome:

- The Roman Colosseum: Dating back to between 70 – 80 AD, the Colosseum is one
of the most famous landmarks in the world. It was the largest amphitheater built
during the Roman Empire and currently one of Rome’s biggest touristic
attractions.

- St. Peter’s Basilica: An incredibly beautiful church, the design and
architecture of St. Peter’s Basilica is nothing short of divine. Guide tours are
available, which allow you to climb to the top of the dome and take in the
stunning views of St. Peter’s Square. Don't forget that the NH Collection Roma
Giustiniano is a good choise of hotel in Rome if you want to be close to the
church

- The Roman Forum: Formerly the center of many of the ancient city of Rome’s
most important cultural activities, the Roman Forum is now one of the most
important ancient ruins in the city and truly a must-visit.

- Trajan’s Market: Located near the Colosseum, this large complex of ruins
(which once housed over a hundred shops and apartments) offers one of the most
magnificent glimpses into ancient Roman architecture.

- Via della Conciliazione: One of the most famous streets in all of Europe. It
connects the Sant’Angelo castle to the Vatican City walls.

- The Baths of Caracalla: Dating to around AD 212, the Baths of Caracalla were
once one of the largest public baths in Rome and are now a main touristic draw.

- Piazza del Popolo: One of Rome’s most enchanting squares and an emblematic
spot in its historic center. A visit to the Piazza del Popolo will allow you to
marvel at landmarks like the Basilica of Santa Maria del Popolo, the Fontana
della Dea Roma, and the Fontana del Nettuno.

- Sistine Chapel: Most well-known for its splendid decorations, including the
Last Judgment fresco by Michelangelo (one of the most famous pieces of art in
history), the Sistine Chapel is part of the Vatican museum complex.

- Via del Corso: the main street in Rome’s historic center, here you’ll find
shops for many renowned brands as well as incredible restaurants.


WHAT TO EAT IN ROME?

Rome also attracts millions of tourists every year thanks to its fantastic
cuisine, which includes unforgettable pasta dishes like pasta alla carbonara,
tonnarelli cacio e pepe, and bucatini all’Amatriciana along with many incredible
desserts found in pastry shops throughout the city.

While there are too many amazing restaurants in Rome to even begin to mention
them all, Bono Bottega Nostrana in Piazza di Spagna, Er Pizzicarolo, and La
Tradizione, are all fantastic options to try Italian food at its best.


HOW ARRIVE IN ROME?

Rome is serviced by two large international airports, making it easy to arrive
from all over the world. The airports are Fiumicino Airport (the largest) and
Ciampino Airport.

You can easily arrive at Rome’s city center from either airport via the SitBus
shuttle buses or taxi (at a fixed rate). The shuttle buses also connect both
airports to the Roma Termini Railway Station, the largest train station in
Italy.


WHAT IS THE BEST WAY TO EXPLORE ROME?

Rome has a very accessible public transportation system. It includes the Metro,
which features three lines and stops near the city’s main attractions, as well
as buses. It is also very rewarding to explore Rome by foot, due to the pleasant
weather through most of the year and the myriad wonderful sights.

If you choose to drive during your time in Rome, keep in mind that the traffic
may be congested during peak hours. Rome has a lot of narrow streets and twist
and turns so be sure to use your navigator (which often comes with rental cars).

The street parkings marked with white lines are free to use (though they
sometimes have a time limit) while the blue-marked ones might have a price,
which varies depending on the neighborhood.

Our hotels in Rome are the perfect base for your trip to ensure that you make
the most of all this city has to offer while providing easy access to the main
transport links such as the airport and the train stations.

See all the offers available for rooms so that you can enjoy the Italian capital
in the most comfortable way possible. Don’t miss our NH Hotel Group guide!


YOU MAY ALSO BE INTERESTED IN ROME:

 * Hotels in Rome city centre
 * Meeting rooms in Rome
 * Rome Travel Guide
 * Things to do in Rome
 * The best restaurants in Rome
 * What to see in Vatican?


HOTELS IN ROME

   
 * Anantara Palazzo Naiadi Rome Hotel
 * NH Collection Roma Fori Imperiali
 * NH Collection Roma Palazzo Cinquecento
 * NH Collection Roma Giustiniano
 * NH Collection Roma Vittorio Veneto
 * NH Collection Roma Centro
 * NH Roma Villa Carpegna

WHAT TO DO IN ROME


CALL US

+34 91 600 81 46

Call Now
Search
Destination



Check in
Check out
 * Invalid Range

Choose dates
Check in

Tu, 14 Nov 23

Check out

We, 15 Nov 23


MO
TU
WE
TH
FR
SA
SU
November 2023
MO
TU
WE
TH
FR
SA
SU
November 2023
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
MO
TU
WE
TH
FR
SA
SU
December 2023
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
MO
TU
WE
TH
FR
SA
SU
January 2024
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
MO
TU
WE
TH
FR
SA
SU
February 2024
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
MO
TU
WE
TH
FR
SA
SU
March 2024
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
MO
TU
WE
TH
FR
SA
SU
April 2024
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
MO
TU
WE
TH
FR
SA
SU
May 2024
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
MO
TU
WE
TH
FR
SA
SU
June 2024
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
MO
TU
WE
TH
FR
SA
SU
July 2024
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
MO
TU
WE
TH
FR
SA
SU
August 2024
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
MO
TU
WE
TH
FR
SA
SU
September 2024
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
MO
TU
WE
TH
FR
SA
SU
October 2024
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
MO
TU
WE
TH
FR
SA
SU
November 2024
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
MO
TU
WE
TH
FR
SA
SU
December 2024
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
MO
TU
WE
TH
FR
SA
SU
January 2025
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
MO
TU
WE
TH
FR
SA
SU
February 2025
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
MO
TU
WE
TH
FR
SA
SU
March 2025
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
MO
TU
WE
TH
FR
SA
SU
April 2025
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
1 night chosen
Accept
Occupancy




SELECT ROOMS

Delete room room 1
Adults

Children (2-11)

Babies (0-1)

Delete room room 2
Adults

Children (2-11)

Babies (0-1)

Delete room room 3
Adults

Children (2-11)

Babies (0-1)

Delete room room 4
Adults

Children (2-11)

Babies (0-1)

Delete room room 5
Adults

Children (2-11)

Babies (0-1)

Delete room room 6
Adults

Children (2-11)

Babies (0-1)

Delete room room 7
Adults

Children (2-11)

Babies (0-1)

Delete room room 8
Adults

Children (2-11)

Babies (0-1)

Delete room room 9
Adults

Children (2-11)

Babies (0-1)


+ Add room
1 room, 2 adults
Apply
Promo Code
Promo Code


Search

This day is not available

This day is not available for this offer. Please choose another date to continue
the reservation process

You've chosen a large range of dates

For reservations of more than 30 nights please contact our reservations team

on telephone+34 91 600 81 46

Modify See alternative contact numbers
You've chosen a large number of rooms

For reservations of 9 or more rooms please contact our reservations team

See alternative contact numbers

No matches found

Accept

We are unable to pinpoint your location. Activate the locations services on your
device or type in a location.

Accept
Change currency

The information given on the currency selected is merely informative. Charges
will always be made in local currency

Don't change currency Change currency

Join NH DISCOVERY and get 5% off for all your bookings

Loading results



This day is not available

This day is not available for this offer. Please choose another date to continue
the reservation process

You've chosen a large range of dates

For reservations of more than 30 nights please contact our reservations team

on telephone+34 91 600 81 46

Modify See alternative contact numbers
You've chosen a large number of rooms

For reservations of 9 or more rooms please contact our reservations team

See alternative contact numbers

No matches found

Accept

We are unable to pinpoint your location. Activate the locations services on your
device or type in a location.

Accept
Change currency

The information given on the currency selected is merely informative. Charges
will always be made in local currency

Don't change currency Change currency



   
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

--------------------------------------------------------------------------------


CORPORATE INFORMATION

 * Corporate
 * About NH Hotel Group
 * NH Hotel Group Companies
 * Shareholders and Investors
 * CSR and Sustainability
 * NH Careers
 * Press Room
 * Procurement


MANAGE YOUR BOOKING

 * NH Customer Care
 * Manage Your Booking
 * General Terms and Conditions
 * Newsletter
 * Fastpass
 * FAQ


NH DISCOVERY

 * NH DISCOVERY
 * Join
 * Benefits
 * Contact
 * NH DISCOVERY Terms and Conditions
 * FAQs NH DISCOVERY


PROFESSIONALS

 * Business Travel
 * Travel Agents
 * Meeting Planners
 * Business Hotels
 * NH Pro Blog
 * Contact Us: Meetings
 * Contact Us: Companies
 * Contact Us: Travel Agents


HOTELS & DESTINATIONS

 * Hotel Directory
 * Travel Guides
 * Travel by month
 * NH Hotels by theme
 * Family Hotels
 * Pet Friendly Hotels
 * NH hotel for every occasion
 * Experience
 * Highlights
 * Downtown hotels
 * Black Friday Hotel Sales
 * Christmas breaks 2023


PARTNERS AND PROGRAMS

 * Affiliation Program
 * Loyalty Programs
 * Social Media

--------------------------------------------------------------------------------

 * Legal Advice
 * Cookie Policy
 * Privacy Policy
 * Complaints Channel



© 2000-2023 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain

Now with travelers’ hotel reviews from
Secure site





FOLLOW US


 * Legal Advice
 * Cookie Policy
 * Privacy Policy
 * Complaints Channel


© 2000-2023 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain


Oops, something went wrong. Please contact the administrator




COOKIE CONSENT

This site uses its own cookies and those of third parties to support browsing,
improve the user experience, personalise the content, display ads relating to
your preferences and conduct statistical analysis on browsing habits. You can
change your Configuration or obtain more information in our Cookie policy.

This site uses its own cookies and those of third parties to support browsing,
improve the user experience, personalise the content, display ads relating to
your preferences and conduct statistical analysis on browsing habits. Obtain
more information in our Cookie policy.

Yes, I accept

Do you accept these cookies and the processing of personal data that this
involves?

Accept All Reject All Cookies Settings