<div
    class="modal modal--animate-translate-up flex flex-center bg-contrast-higher gradient-contrast--higher bg-opacity-90% padding-md js-modal"
    id="modal-name-2">
    <div
      class="modal__content border border-2 border-contrast-medium width-100% max-width-xs max-height-100% overflow-auto gradient-contrast--white radius shadow-md"
      role="alertdialog" aria-labelledby="modal-title-2" aria-describedby="modal-description-2">
      <header class="padding-md padding-bottom-0 flex justify-between">
        <h2 class="text-truncate font-secondary text-lg font-medium" id="modal-title-2" style="margin-top: 0 !important; margin-bottom: 0 !important;">Leaving so soon?</h2>
 
        <button class="cursor-pointer reset modal__close-btn modal__close-btn--inner js-modal__close js-tab-focus"
          onclick="closeModal()">
          <svg class="icon" viewBox="0 0 20 20">
            <title>Close modal window</title>
            <g fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" stroke-linecap="round"
              stroke-linejoin="round">
              <line x1="3" y1="3" x2="17" y2="17" />
              <line x1="17" y1="3" x2="3" y2="17" />
            </g>
          </svg>
        </button>
      </header>

      <div class="padding-md" id="modal-text" style="padding-bottom: 0;">
        <p style="line-height: 1.6;">
          Fill in the form below we'll send you our latest blog posts as soon as they're published,
          so you can keep up-to-date with the legalisation and travel situation across the globe.
        </p>
      </div>

      <div class="padding-md padding-top-0">
        <form class="kwes-form" id="sign-up-sidebar" action="https://kwes.io/api/foreign/forms/Tmxa8TFY5QEVuDWYqVgw">

          <div class="col margin-top-md flex flex-column">
            <label for="name" class="margin-bottom-xs">Your Name</label>
            <input type="text" name="name" rules="required|max:255">
          </div>

          <div class="col margin-top-md flex flex-column">
            <label for="email" class="margin-bottom-xs">Email</label>
            <input type="email" name="email" rules="required|email">
          </div>

          <input name="type" type="hidden" value="Exit Popup">

          <div class="flex flex-center">
            <button type="submit" class="btn btn--accent margin-top-lg width-100%">Submit</button>
          </div>

        </form>
      </div>
    </div>
  </div>
<!--THE CHAT-->

<div class="hs-chat">

  <input type="checkbox" class="hs-chat__checkbox" id="navi-toggle" onclick="toggleBeacon();" data-track-content data-content-name="Help Scout Beacon" data-content-piece="Button">
  <label for="navi-toggle" class="hs-chat__button color-white flex justify-center">
  <span class="hs-chat__text">Need Help?</span>

      <span class="hs-chat__icon icon icon--xs">
          <svg class="hs-chat__svg" viewBox="0 0 511.072 511.072"><path d="m74.39 480.536h-36.213l25.607-25.607c13.807-13.807 22.429-31.765 24.747-51.246-36.029-23.644-62.375-54.751-76.478-90.425-14.093-35.647-15.864-74.888-5.121-113.482 12.89-46.309 43.123-88.518 85.128-118.853 45.646-32.963 102.47-50.387 164.33-50.387 77.927 0 143.611 22.389 189.948 64.745 41.744 38.159 64.734 89.63 64.734 144.933 0 26.868-5.471 53.011-16.26 77.703-11.165 25.551-27.514 48.302-48.593 67.619-46.399 42.523-112.042 65-189.83 65-28.877 0-59.01-3.855-85.913-10.929-25.465 26.123-59.972 40.929-96.086 40.929zm182-420c-124.039 0-200.15 73.973-220.557 147.285-19.284 69.28 9.143 134.743 76.043 175.115l7.475 4.511-.23 8.727c-.456 17.274-4.574 33.912-11.945 48.952 17.949-6.073 34.236-17.083 46.99-32.151l6.342-7.493 9.405 2.813c26.393 7.894 57.104 12.241 86.477 12.241 154.372 0 224.682-93.473 224.682-180.322 0-46.776-19.524-90.384-54.976-122.79-40.713-37.216-99.397-56.888-169.706-56.888z"/></path></svg>
      </span>
  </label>

</div>

<!--END CHAT-->

Tag Document Processes