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

Submitted URL: https://digital.nh-hotels.com/sap/public/cuan/link/100/71D96376741E3B574AED7985ECF175092DE0FBFC?_V_=2&_K11_=892BC33F6EE4B78D26...
Effective URL: https://www.nh-hotels.com/hotels/venice?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&utm...
Submission: On June 29 via api from US — Scanned from ES

Form analysis 10 forms found in the DOM

Name: loginRewardsFormMob

<form class="form-horizontal track-form" novalidate="true" name="loginRewardsFormMob" id="loginFormMobv2">
  <div class="row">
    <div class="col-md-12">
      <div id="emailBoxMob" class="form-group">
        <label for="emailMob"></label>
        <input data-validation-required-message="Please revise this field:" data-error="" type="text" required="" class="form-control" name="emailMob" id="emailMob" placeholder="Username / Email / Card Number">
        <div class="help-block with-errors"></div>
      </div>
      <div id="passwordBoxMob" class="form-group">
        <label for="passwordMob"></label>
        <input data-validation-required-message="Please revise this field:" name="passwordMob" data-error="" type="password" required="" class="form-control" id="passwordMob" placeholder="Password">
        <div class="help-block with-errors"></div>
      </div>
      <div class="form-group">
        <div class="js-error-login text-color-red">
          <!--here global errors login modal--> The e-mail or password entered is incorrect
        </div>
      </div>
      <div class="unblocked-user">
        <a class="margin-b-10 display-inline-block js-recorverpass-modal-trigger" href="#" data-state="recover" data-toggle="modal" data-target="#m-modal-login">Forgot your password?</a>
        <div class="g-recaptcha"></div>
        <input class="response-recaptcha" type="hidden">
        <input type="text" value="" name="validationCaptcha" data-captcha="true" data-error-captcha="Please revise this field:" style="display:none">
        <div class="checkbox">
          <input id="check2" name="-" class="sr-only" type="checkbox" value="">
          <label for="check2">Remember me</label>
        </div>
        <button id="sigin" type="submit" class="btn btn-primary pull-right"> Enter </button>
      </div>
      <div class="blocked-user">
        <p class="color-alert">Server Error</p>
        <p> For security reasons please <a class="link-ghost-mobile js-forgotten-password" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
												reset your password.
											</a>
        </p>
      </div>
    </div>
  </div>
  <span class="title">Sign up now!</span>
</form>

Name: signupRewardsForm /nhdiscovery/signup

<form class="form-horizontal track-form" novalidate="" data-validate="validate" action="/nhdiscovery/signup" name="signupRewardsForm">
  <div class="row">
    <div class="col-md-12">
      <div class="form-group">
        <label for="inputRegister"></label>
        <input name="e" data-validation-required-message="Please revise this field:" data-error="" type="text" required="" class="form-control" id="inputRegister" placeholder="Enter your email">
        <div class="help-block with-errors"></div>
      </div>
      <button role="button" type="submit" class="btn btn-primary pull-right"> Sign up </button>
    </div>
  </div>
</form>

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">
    <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="https://www.nh-hotels.com/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 /

<form id="searchBarModifyForm" name="resultPageForm" action="/" method="post" autocomplete="off" accept-charset="utf-8" novalidate="true">
  <input type="hidden" id="locationCode" name="destinationId" value="venice" 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-955-1024" data-target="tcm">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <input type="hidden" id="brand" 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">Venice</p>
      <p><span class="summary-checkin">29/06/2023</span><span class="summary-checkout">30/06/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="Venice" data-source="/content-api/rest/auto/autocompleteHome"
          data-hotel-label="[hotel,hotels]" data-error="Required Field" data-required-error="Required Field" data-search="Venice" 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="28/06/2023" data-checkout-date="29/06/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">Th, 29 Jun 23</p>
              </div>
              <div class="calendar-booking-checkout"><span class="focus">Check out</span>
                <p class="js-selected-checkout">Fr, 30 Jun 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">June 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">June</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 past disabled" type="button" data-day="1" data-month="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" data-year="2023" disabled="">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="14" data-month="5" data-year="2023" disabled="">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="15" data-month="5" data-year="2023" disabled="">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="16" data-month="5" data-year="2023" disabled="">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="17" data-month="5" data-year="2023" disabled="">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="18" data-month="5" data-year="2023" disabled="">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="19" data-month="5" data-year="2023" disabled="">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="20" data-month="5" data-year="2023" disabled="">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="21" data-month="5" data-year="2023" disabled="">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="22" data-month="5" data-year="2023" disabled="">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="23" data-month="5" data-year="2023" disabled="">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="24" data-month="5" data-year="2023" disabled="">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="25" data-month="5" data-year="2023" disabled="">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="26" data-month="5" data-year="2023" disabled="">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="27" data-month="5" data-year="2023" disabled="">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="28" data-month="5" data-year="2023" disabled="">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="29" data-month="5" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="30" data-month="5" 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">July</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 empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" 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">August</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" type="button" data-day="1" data-month="7" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2023">
                    <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">September</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="8" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2023">
                    <span>30</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">October</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 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="9" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2023">
                    <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">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" type="button" data-day="1" data-month="10" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" 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 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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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>
          <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">See rooms</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="ITVE.RIONO" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Venezia Rio Novo" data-preciototal="TOTAL" data-stars="stars4" data-locality="Venice, venice , Italy"
    data-brand="NH Hotels" data-hotelcode="ITVE.RIONO" data-citykey="venice" 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="ITVE.DDOGI" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Venezia Grand Hotel Palazzo dei Dogi" data-preciototal="TOTAL" data-stars="stars5"
    data-locality="Venice, venice , Italy" data-brand="NH Collection" data-hotelcode="ITVE.DDOGI" data-citykey="venice" 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="ITVE.MURVI" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Venezia Murano Villa" data-preciototal="TOTAL" data-stars="stars4" data-locality="Venice, venice , Italy"
    data-brand="NH Collection" data-hotelcode="ITVE.MURVI" data-citykey="venice" 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="ITVE.BELLI" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Venezia Santa Lucia" data-preciototal="TOTAL" data-stars="stars4" data-locality="Venice, venice , Italy"
    data-brand="NH Hotels" data-hotelcode="ITVE.BELLI" data-citykey="venice" 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="ITVE.LAGUN" name="hotelId">
  <input class="divisaInput" type="hidden" name="divisa" value="">
  <input type="hidden" data-id="pcode" name="pcode" value="">
  <button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Venezia Laguna Palace" data-preciototal="TOTAL" data-stars="stars4" data-locality="Venice, venice , Italy"
    data-brand="NH Hotels" data-hotelcode="ITVE.LAGUN" data-citykey="venice" 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 id="searchModifyFormModal" action="/" 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" 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="brandModal" data-id="brandModal" data-target="brand">
  <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="28/06/2023" data-checkout-date="29/06/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">Th, 29 Jun 23</p>
              </div>
              <div class="calendar-booking-checkout"><span>Check out</span>
                <p class="js-selected-checkout">Fr, 30 Jun 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">June 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">June</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 past disabled" type="button" data-day="1" data-month="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" 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="5" data-year="2023" disabled="">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="14" data-month="5" data-year="2023" disabled="">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="15" data-month="5" data-year="2023" disabled="">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="16" data-month="5" data-year="2023" disabled="">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="17" data-month="5" data-year="2023" disabled="">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="18" data-month="5" data-year="2023" disabled="">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="19" data-month="5" data-year="2023" disabled="">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="20" data-month="5" data-year="2023" disabled="">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="21" data-month="5" data-year="2023" disabled="">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="22" data-month="5" data-year="2023" disabled="">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="23" data-month="5" data-year="2023" disabled="">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="24" data-month="5" data-year="2023" disabled="">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="25" data-month="5" data-year="2023" disabled="">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="26" data-month="5" data-year="2023" disabled="">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="27" data-month="5" data-year="2023" disabled="">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day past disabled" type="button" data-day="28" data-month="5" data-year="2023" disabled="">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day today selected checkin" type="button" data-day="29" data-month="5" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day selected checkout" type="button" data-day="30" data-month="5" 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">July</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 empty"><span></span></button></div>
                <div class="month-day">
                  <button class="day" type="button" data-day="1" data-month="6" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="6" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="6" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="6" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="6" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="6" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="6" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="6" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="6" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="6" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="6" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="6" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="6" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="6" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="6" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="6" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="6" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="6" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="6" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="6" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="6" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="6" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="6" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="6" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="6" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="6" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="6" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="6" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="6" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="6" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="6" 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">August</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" type="button" data-day="1" data-month="7" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="7" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="7" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="7" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="7" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="7" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="7" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="7" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="7" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="7" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="7" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="7" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="7" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="7" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="7" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="7" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="7" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="7" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="7" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="7" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="7" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="7" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="7" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="7" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="7" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="7" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="7" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="7" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="7" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="7" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="7" data-year="2023">
                    <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">September</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="8" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="8" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="8" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="8" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="8" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="8" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="8" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="8" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="8" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="8" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="8" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="8" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="8" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="8" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="8" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="8" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="8" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="8" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="8" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="8" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="8" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="8" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="8" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="8" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="8" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="8" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="8" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="8" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="8" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="8" data-year="2023">
                    <span>30</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">October</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 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="9" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="9" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="9" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="9" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="9" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="9" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="9" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="9" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="9" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="9" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="9" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="9" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="9" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="9" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="15" data-month="9" data-year="2023">
                    <span>15</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="16" data-month="9" data-year="2023">
                    <span>16</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="17" data-month="9" data-year="2023">
                    <span>17</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="18" data-month="9" data-year="2023">
                    <span>18</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="19" data-month="9" data-year="2023">
                    <span>19</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="20" data-month="9" data-year="2023">
                    <span>20</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="21" data-month="9" data-year="2023">
                    <span>21</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="22" data-month="9" data-year="2023">
                    <span>22</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="23" data-month="9" data-year="2023">
                    <span>23</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="24" data-month="9" data-year="2023">
                    <span>24</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="25" data-month="9" data-year="2023">
                    <span>25</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="26" data-month="9" data-year="2023">
                    <span>26</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="27" data-month="9" data-year="2023">
                    <span>27</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="28" data-month="9" data-year="2023">
                    <span>28</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="29" data-month="9" data-year="2023">
                    <span>29</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="30" data-month="9" data-year="2023">
                    <span>30</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="31" data-month="9" data-year="2023">
                    <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">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" type="button" data-day="1" data-month="10" data-year="2023">
                    <span>1</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="2" data-month="10" data-year="2023">
                    <span>2</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="3" data-month="10" data-year="2023">
                    <span>3</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="4" data-month="10" data-year="2023">
                    <span>4</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="5" data-month="10" data-year="2023">
                    <span>5</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="6" data-month="10" data-year="2023">
                    <span>6</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="7" data-month="10" data-year="2023">
                    <span>7</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="8" data-month="10" data-year="2023">
                    <span>8</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="9" data-month="10" data-year="2023">
                    <span>9</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="10" data-month="10" data-year="2023">
                    <span>10</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="11" data-month="10" data-year="2023">
                    <span>11</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="12" data-month="10" data-year="2023">
                    <span>12</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="13" data-month="10" data-year="2023">
                    <span>13</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" type="button" data-day="14" data-month="10" data-year="2023">
                    <span>14</span>
                  </button>
                </div>
                <div class="month-day">
                  <button class="day" 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 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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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>
          <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">
        <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">See rooms</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

 * Travel Agents
 * Business Travel
 * Meetings
 * Reservations
 * Newsletter
 * Help
 * Destinations
 * Offers
 * Gift Cards
 * NH PRO
 * NH DISCOVERY
 * English
   * Español
   * Deutsch
   * Nederlands
   * Italiano
   * Français
   * Português
   * Español (CO)
   * Español (MX)
   * Español (AR)
 * * € 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
 * Customer Care: +34 91 6008146 (ES)
   * +54 11 68419937 (AR)
   * +43 12 67 59 72 (AT)
   * +32 258 80 062 (BE)
   * +55 1139588450 (BR)
   * +41 31 5208011 (CH)
   * +56 2 2760 9024 (CL)
   * +57 13819596 (CO)
   * +42 0 2 28 880 714 (CZ)
   * +49 30 22388599 (DE)
   * +45 32443059 (DK)
   * +33 176 54 1942 (FR)
   * +44 203 4998 271 (GB)
   * +36 18154346 (HU)
   * +353 (0) 1 233 2014 (IE)
   * +39 02 87368144 (IT)
   * +352 27772097 (LU)
   * +52 55 95968237 (MX)
   * +31 (0)20 70 18 042 (NL)
   * +48 222441252 (PL)
   * +351 210 020 848 (PT)
   * +40 317801218 (RO)
   * +42 1233456575 (SK)
   * +66 (0) 2 365 9109 (TH)
   * +1 212 219 7607 (US)
   * +59 8 29160001 (UY)
   * +34 91 398 46 61 (Global Access)
 * Log in

LOG IN TO NH DISCOVERY
The e-mail or password entered is incorrect
Forgot your password?

Remember me
Enter

Server Error

For security reasons please reset your password.

Sign up now!

Sign up
 * Customer Care: +34 91 6008146 (ES)
   * +54 11 68419937 (AR)
   * +43 12 67 59 72 (AT)
   * +32 258 80 062 (BE)
   * +55 1139588450 (BR)
   * +41 31 5208011 (CH)
   * +56 2 2760 9024 (CL)
   * +57 13819596 (CO)
   * +42 0 2 28 880 714 (CZ)
   * +49 30 22388599 (DE)
   * +45 32443059 (DK)
   * +33 176 54 1942 (FR)
   * +44 203 4998 271 (GB)
   * +36 18154346 (HU)
   * +353 (0) 1 233 2014 (IE)
   * +39 02 87368144 (IT)
   * +352 27772097 (LU)
   * +52 55 95968237 (MX)
   * +31 (0)20 70 18 042 (NL)
   * +48 222441252 (PL)
   * +351 210 020 848 (PT)
   * +40 317801218 (RO)
   * +42 1233456575 (SK)
   * +66 (0) 2 365 9109 (TH)
   * +1 212 219 7607 (US)
   * +59 8 29160001 (UY)
   * +34 91 398 46 61 (Global Access)
   
   
 * Travel Agents
 * Business Travel
 * Meetings
 * Reservations
 * Newsletter
 * Help
   
   
 * English
   * Español
   * Deutsch
   * Nederlands
   * Italiano
   * Français
   * Português
   * Español (CO)
   * Español (MX)
   * Español (AR)
   

MENU

 * Destinations
 * Offers
 * Gift Cards
 * 
 * NH DISCOVERY



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.

Join now
 * Destinations
 * Offers
 * Gift Cards
 * NH PRO
 * NH DISCOVERY
 * Travel Agents
 * Business Travel
 * Meetings
 * Reservations
 * Newsletter
 * Language
   English Español Deutsch Nederlands Italiano Français Português Español (CO)
   Español (MX) Español (AR)
 * Change Currency
   € Euro£ Pound Sterling₪ New Israeli SheqelAR$ Argentine PesoAUD Australian
   DollarCAD Canadian DollarCHF Swiss FrancCL$ Chilean PesoCOP Colombian PesoDKK
   Danish KroneHUF Hungarian ForintKč Czech Korunalei Romanian New LeuMXN
   Mexican PesoNOK Norwegian KroneR$ Brazilian RealRs. Indian RupeeRUB Russian
   RubleS/ Peruvian SolSEK Swedish KronaUS$ U.S. DollarUYU Uruguayan Pesozł
   Polish Zloty
 * Help


CONTACT US

Spain
+34 91 6008146 Central +34 91 398 46 61 See all phone numbers

¿Nos visitas desde España ? Te recordamos que también puedes realizar tu reserva
desde nuestra edición españolaIr a nh-hoteles.es
 1. NH Hotels
 2. Italy
 3. Venice
 4. 
    Venice

Venice

29/06/202330/06/20231 Night

1 room, 2 adults



Edit your search

Destination



Check in
Check out
 * Invalid Range

Choose dates
Check in

Th, 29 Jun 23

Check out

Fr, 30 Jun 23


MO
TU
WE
TH
FR
SA
SU
June 2023
MO
TU
WE
TH
FR
SA
SU
June 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
July 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
August 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
September 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
October 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
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
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
See rooms



5 HOTEL(S) FOUND IN VENICE, 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
 * Venezia Santa Lucia Station
 * Aeroporto di Treviso
 * Arsenale di Venezia
 * Basilica di San Marco
 * Basilica di Santa Maria della Salute
 * Burano
 * Ca' d'Oro
 * Campanile di San Marco
 * Canal Grande
 * Ca' Rezzonico
 * Chiesa di San Giorgio Maggiore
 * Collezione Peggy Guggenheim
 * Dorsoduro
 * Ducale Palace
 * Duomo di San Lorenzo Martire
 * Fermata Sant'Angelo - vaporetto
 * Fondaco dei Tedeschi
 * Gallerie dell'Accademia
 * Giardini Napoleonici
 * Gran Teatro La Fenice
 * La Biennale di Venezia
 * Lido di Venezia
 * Murano
 * Palazzo Fortuny
 * Palazzo Grassi
 * Palazzo Pisani Moretta
 * Piazzale Roma
 * Punta della Dogana
 * Rialto Bridge
 * San Michele
 * Scala Contarini del Bovolo
 * S. Marco Square
 * Sospiri Bridge
 * Venezia Marco Polo Airport
 * Venezia Mestre Station
 * Venezia Terminal Passeggeri

Choose an optionVenezia Santa Lucia StationAeroporto di TrevisoArsenale di
VeneziaBasilica di San MarcoBasilica di Santa Maria della SaluteBuranoCa'
d'OroCampanile di San MarcoCanal GrandeCa' RezzonicoChiesa di San Giorgio
MaggioreCollezione Peggy GuggenheimDorsoduroDucale PalaceDuomo di San Lorenzo
MartireFermata Sant'Angelo - vaporettoFondaco dei TedeschiGallerie
dell'AccademiaGiardini NapoleoniciGran Teatro La FeniceLa Biennale di
VeneziaLido di VeneziaMuranoPalazzo FortunyPalazzo GrassiPalazzo Pisani
MorettaPiazzale RomaPunta della DoganaRialto BridgeSan MicheleScala Contarini
del BovoloS. Marco SquareSospiri BridgeVenezia Marco Polo AirportVenezia Mestre
StationVenezia Terminal Passeggeri

24 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
 * Venezia Santa Lucia Station
 * Aeroporto di Treviso
 * Arsenale di Venezia
 * Basilica di San Marco
 * Basilica di Santa Maria della Salute
 * Burano
 * Ca' d'Oro
 * Campanile di San Marco
 * Canal Grande
 * Ca' Rezzonico
 * Chiesa di San Giorgio Maggiore
 * Collezione Peggy Guggenheim
 * Dorsoduro
 * Ducale Palace
 * Duomo di San Lorenzo Martire
 * Fermata Sant'Angelo - vaporetto
 * Fondaco dei Tedeschi
 * Gallerie dell'Accademia
 * Giardini Napoleonici
 * Gran Teatro La Fenice
 * La Biennale di Venezia
 * Lido di Venezia
 * Murano
 * Palazzo Fortuny
 * Palazzo Grassi
 * Palazzo Pisani Moretta
 * Piazzale Roma
 * Punta della Dogana
 * Rialto Bridge
 * San Michele
 * Scala Contarini del Bovolo
 * S. Marco Square
 * Sospiri Bridge
 * Venezia Marco Polo Airport
 * Venezia Mestre Station
 * Venezia Terminal Passeggeri

Choose an optionVenezia Santa Lucia StationAeroporto di TrevisoArsenale di
VeneziaBasilica di San MarcoBasilica di Santa Maria della SaluteBuranoCa'
d'OroCampanile di San MarcoCanal GrandeCa' RezzonicoChiesa di San Giorgio
MaggioreCollezione Peggy GuggenheimDorsoduroDucale PalaceDuomo di San Lorenzo
MartireFermata Sant'Angelo - vaporettoFondaco dei TedeschiGallerie
dell'AccademiaGiardini NapoleoniciGran Teatro La FeniceLa Biennale di
VeneziaLido di VeneziaMuranoPalazzo FortunyPalazzo GrassiPalazzo Pisani
MorettaPiazzale RomaPunta della DoganaRialto BridgeSan MicheleScala Contarini
del BovoloS. Marco SquareSospiri BridgeVenezia Marco Polo AirportVenezia Mestre
StationVenezia Terminal Passeggeri

24 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


NH VENEZIA RIO NOVO



Calle Larga Ragusei Dorsoduro 3489/E-C, 30123, Venice - Italy

0.48 km Venezia Santa Lucia Station



There are no rooms available that meet your search criteria


From203.40EUR
Per night
* lowest rate in the next 90 days
713 Opinions
2023 Certificate of Excellence
 * 
 * 
 * 

Show info
From203.40EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * 100%

 * Air conditioning - Climate Control

 * Gym

 * Eco-friendly

 * Pets

 * Accessibility

 * Celebrations

 * Meetings

 * 144 Rooms

The new NH Venezia Rio Novo is a modern hotel in the heart of the Dorsoduro
district – an area renowned for showcasing the ‘real Venice’ and bustling with
restaurants, shops, artisan boutiques as well as important sites like Ca’
Foscari University and the Peggy Guggenheim Collection.


NH COLLECTION VENEZIA GRAND HOTEL PALAZZO DEI DOGI



Fondamenta Madonna dell'Orto, 3500 30121, Venice - Italy

0.87 km Rialto Bridge



There are no rooms available that meet your search criteria


From277.20EUR
Per night
* lowest rate in the next 90 days
2075 Opinions
 * 
 * 
 * 

Show info
From277.20EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * 100%

 * Air conditioning - Climate Control

 * Pets

 * Accessibility

 * Celebrations

 * Meetings

 * 64 Rooms



Set in the calm residential quarter of Sestiere Cannaregio, the 5* NH Collection
Venezia Grand Hotel Palazzo dei Dogi provides an authentic Venetian retreat. The
hotel is close to local artisanal shops and transport links, with access to a
private pier with views of the island of Murano.




NH COLLECTION VENEZIA MURANO VILLA

Superior

Fondamenta Andrea Navagero n.29, Murano 30141, Venice Venice - Italy

2.64 km S. Marco Square



There are no rooms available that meet your search criteria


From134.10EUR
Per night
* lowest rate in the next 90 days
Opinions
 * 
 * 
 * 

Show info
From134.10EUR
Per night
* lowest rate in the next 90 days
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

 * 104 Rooms

The NH Collection Venezia Murano Villa is located in the former De Majo glass
factory on the historical island of Murano, in the Venetian Lagoon. A short
vaporetto ride will take you to mainland Venice.


NH VENEZIA SANTA LUCIA



Rio Terà Lista di Spagna, 116/A 30121, Venice - Italy

0.22 km Venezia Santa Lucia Station



There are no rooms available that meet your search criteria


From176.40EUR
Per night
* lowest rate in the next 90 days
2005 Opinions
 * 
 * 
 * 

Show info
From176.40EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * 100%

 * Air conditioning - Climate Control

 * Accessibility

 * 100 Rooms



The 4* NH Venezia Santa Lucia Hotel is conveniently located on the Grand Canal
of Venice. Just moments from the Santa Lucia railway station, the hotel offers
an ideal base from which to explore the sights of the city.




NH VENEZIA LAGUNA PALACE



Viale Ancona, 2, 30172, Venice Mestre Venice - Italy

1.78 km Venezia Mestre Station



There are no rooms available that meet your search criteria


From99.75EUR
Per night
* lowest rate in the next 90 days
3354 Opinions
 * 
 * 
 * 

Show info
From99.75EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT

VAT included. Additional City Tax applies
See rooms from

Check availability

 * Free Wi-Fi

 * Parking

 * Gym

 * 100%

 * Air conditioning - Climate Control

 * Eco-friendly

 * Pets

 * Accessibility

 * Celebrations

 * Meetings

 * 376 Rooms

The NH Venezia Laguna Palace hotel is a striking, contemporary hotel in
Venice-Mestre. This landmark building features one of the largest glass-covered
structures in Europe. The hotel enjoys a great location 5 minutes from the
Mestre train station, and is just a 10-minute drive from the city’s historical
center. The hotel faces a marina, so you’ve water access, too.


NEARBY HOTELS


HOTELS WITH NO AVAILABILITY FOR THE DATES SELECTED


NEARBY HOTELS WITH NO AVAILBILITY ON THE SELECTED DATES


VENICE


BOOK A HOTEL IN VENICE

Venice is an incredible and unique Italian city, with hundreds of canals and
beautiful Renaissance style bridges. It is one of those destinations that leaves
a mark on the traveler, and NH Hotel Group couldn’t miss out on being present
here.

Every corner of Venice has a special kind of charm which seems to endure over
time, maintaining the spirit of the Venetian golden age in the city that the
medieval traveler Marco Polo once knew.


WHY STAY IN NH HOTELS IN VENICE?

We have several 4- and 5-star hotels with beautiful views of Venice, looking out
over the spectacular Venetian channels in all their splendor.

The NH Collection Venezia Murano Villa hotel is built in the former De Majo
glass factory, a historical landmark in Murano. This 4-star hotel has elegant
rooms including 12 suites so you can enjoy Venice with all the comforts.

If you’re looking to be close to the Santa Lucia train station and the Grand
Canal in Venice, we recommend NH Venezia Santa Lucia, a 4-star hotel with rooms
and balconies overlooking the canal. The NH Collection Venezia Grand Hotel
Palazzo dei Dogi, one of the best hotels in Venice, is a 5-star hotel with
impressive details, is close to the local craft shops and well connected by
public transport to the city center.

Another of our hotels is the NH Venezia Rio Novo, a modern 4-star property
located in the Dorsoduro district, an area known as the “authentic Venice” by
the Venetians and home to important points of interest, such as the Ca’ Foscari
University and the world-famous Peggy Guggenheim Collection.

The NH Venezia Laguna Palace, a hotel further inland, is a modern building ideal
for meetings and events and a great value-for-money option for leisure
travelers. It offers services such as free Wi-Fi, a gym, parking, and a business
room.


HOW'S THE WEATHER IN VENICE?

The weather in Venice is great nearly all year round as it is situated in the
south of Europe and is really close to the sea. Only in December and January are
the average daily high temperatures below 10ºC, whilst from April to October
they are over 17ºC.


WHAT TO SEE IN VENICE?

St. Mark's Square is so beautiful that, when Napoleon Bonaparte entered with his
troops, he was so amazed that he gave it the nickname "The Most Beautiful Hall
in Europe". The square features some of the most important buildings to visit in
Venice such as the Doge's Palace and St. Mark's Basilica.

Venice’s most distinctive feature are, without a doubt, its canals. With a
length of 4 kilometers, the Venice Grand Canal is its largest one. Take a water
bus or a traghetto ride along it and take in the magnificent palaces lining
either side.

The Doge's Palace, located at one end of St. Mark's Square and built in the
ninth century, is one of the most impressive palaces in Europe and one of the
most beautiful sights in Venice.

St. Mark's Basilica is one of the emblems of the city. Considered a masterpiece
of Byzantine style, this impressive church also features walls covered in
gold-ground biblical depictions. Visitors can also climb to its top floor to
enter a small museum exhibiting several artifacts related to the life of St.
Mark.

Acqua Alta, located in the Venice city center, is one of the most beautiful
bookstores in the world and one of the most fashionable places to see in Venice.

The Torre dell'Orologio (or Clock Tower) is another stunning monument and one of
the city’s most iconic landmarks. It’s a beautiful tower from the 15th century
in a Venetian Renaissance style featuring a large clock and a statute of the
Virgin Mary.


WHAT TO EAT IN VENICE?

The traditional cuisine of Venice displays an elegant simplicity and is based on
fresh products like seafood, vegetables and meats.

The "cicchetti" are the Venetian version of the Spanish tapas. To try them you
must look for the "bacari", the typical bars of Venice.

Other typical dishes include: 

 * Baccalà alla vicentina: a cod dish with tomato, capers, and onions
 * Seppie con il nero: cuttlefish prepared with garlic, onions, tomatoes, and
   squid ink, typically served with polenta
 * Fegato alla veneziana: veal liver with onions, also typically served with
   polenta
 * Bigoli in sauce: a traditional pasta dish, it is prepared with sardines,
   onions, salt, oil, and pepper
 * Risotto con i piselli: risotto with peas, onions, and parsley.


HOW TO ARRIVE IN VENICE?

Venice has one of the busiest international airports in Italy, the Venice Marco
Polo Airport (VCE). You can arrive from here to the city center either by bus,
water buses (vaporetti), or water taxi.

The Treviso Airport (TSF) serves as an alternative and is around a
one-hour-drive away.

Thanks to the Santa Lucia Station, it’s also very easy to get to Venice by train
from many cities in Italy, including Rome, Naples, Florence, and Bologna.


HOW TO GET AROUND VENICE?

Getting around on foot in Venice is very easy, even if it might not seem so at
first. It’s a great way of discovering hidden gems lying throughout the city.

The vaporetti—or “water buses”—are the most used public transportation in
Venice. Since the most convenient way of getting around Venice is through its
canals, these “water buses” replace the typical buses you’ll see in other
cities. Regular land buses are also available, but they are more suitable for
longer trip.

Gondola rides, which centuries ago were the main form of transportation in
Venice, are now a major tourist attraction and the most romantic way of
exploring the city. Traghetti are large gondolas used to cross the Grand Canal.

You can also make use of the water taxis servicing the city, which are
relatively inexpensive. These provide a very relaxing way of exploring the city
and carry up to ten people.

Book a room at one of our hotels in Venice and let yourself be swept away by the
magic of this amazing Italian city.


YOU MAY ALSO BE INTERESTED IN VENICE:

 * Venice Travel Guide
 * Venice Attractions
 * Romantic things to do in Venicel




HOTELS IN VENICE

   
 * NH Collection Venezia Grand Hotel Palazzo dei Dogi
 * NH Collection Venezia Murano Villa
 * NH Venezia Santa Lucia
 * NH Venezia Rio Novo
 * NH Venezia Laguna Palace

WHAT TO DO IN VENICE


CALL US

+34 91 6008146

Call Now
Search
Destination



Check in
Check out
 * Invalid Range

Choose dates
Check in

Th, 29 Jun 23

Check out

Fr, 30 Jun 23


MO
TU
WE
TH
FR
SA
SU
June 2023
MO
TU
WE
TH
FR
SA
SU
June 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
July 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
August 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
September 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
October 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
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
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


See rooms

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 6008146

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 6008146

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
 * Summer Holidays Hotels
 * Downtown hotels
 * Beach hotels


PARTNERS AND PROGRAMS

 * Affiliation Program
 * Loyalty Programs
 * Social Media

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

 * Legal Advice
 * Cookie Policy
 * Privacy Policy



© 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


© 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.

Yes, I accept

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