<div class="modal" data-widget="saas">

  <div class="container">
    <div class="modal__content">
      <div class="modal__close" data-role="saas-close">
        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect width="21.2132" height="1.41421" transform="matrix(0.707106 -0.707107 0.707106 0.707107 16 31)" fill="#141414"/>
          <rect width="21.2132" height="1.41421" transform="matrix(-0.707106 -0.707107 0.707106 -0.707107 31 32)" fill="#141414"/>
        </svg>
      </div>
      <div class="form-message form-success" style="display: none;">
        <div class="form-message__icon">
          <img src="../../../assets/resource/lp/Group%20666.png" alt="">
        </div>
        <div class="form-message__inner">
          <div class="form-message__title titleL">
            Your message has been successfully sent
          </div>
          <div class="form-message__text defaultBase">
            Thank you for your interest!<br>
            Our team will contact you shortly to discuss the details.
          </div>
          <div class="form-message__actions">
            <a href="/lp/saas" class="button CTABase">OK</a>
          </div>
        </div>
      </div>
      <div class="form-message form-error" style="display: none;">
        <div class="form-message__icon">
          <img src="../../../assets/resource/lp/Group%20664.png" alt="">
        </div>
        <div class="form-message__inner">
          <div class="form-message__title titleL">
            Something went wrong...
          </div>
          <div class="form-message__actions">
            <p class="button CTABase" data-role="saas-request-reset">Please try again</p>
          </div>
        </div>
      </div>

      <form class="form" action="<!-- @secret API_URL -->/lp/ifx" data-role="saas-request" data-name="saas-request" data-widget="form">
        <input type="hidden" name="referrer" value="/lp/ifx" />
        <div class="form__title titleM">Register your interest and we’ll contact you shortly</div>
        <div class="form__wrapper">
          <div class="form-field">
            <div class="form-field__title required">Name/Last name</div>
            <div class="form-field__error">Required</div>
            <label for="saas-request-first_name" class="form-field__label">
              <input name="first_name" id="saas-request-first_name" class="form-field__input defaultSmall" placeholder="Name/Last name">
            </label>
          </div>
        </div>
        <div class="form__wrapper">
          <div class="form-field">
            <div class="form-field__title required">Email</div>
            <div class="form-field__error">Required</div>
            <label for="saas-request-email" class="form-field__label">
              <input type="text" name="email" id="saas-request-email" class="form-field__input defaultSmall" inputmode="email" placeholder="name@email.com">
            </label>
          </div>
        </div>
        <div class="form__wrapper">
          <div class="form-field">
            <div class="form-field__title">Phone</div>
            <div class="form-field__error">Required</div>
            <label for=saas-request-phone class="form-field__label form-field__label--required">
              <input name="phone" id="saas-request-phone" class="form-field__input defaultSmall" inputmode="tel" placeholder="Phone">
            </label>
          </div>
        </div>
        <div class="form__wrapper">
          <div class="form-field">
            <div class="form-field__title">Message</div>
            <div class="form-field__error">Required</div>
            <label for="saas-request-message" class="form-field__label">
              <textarea name="message" id="saas-request-message" class="form-field__input defaultSmall" cols="30" rows="4"></textarea>
            </label>
          </div>
        </div>
        <div class="form__wrapper">
          <div class="checkbox">
            <span class="checkbox__error">Required</span>
            <input type="checkbox" name="terms_agree" id="saas-request-terms_agree" class="checkbox__input">
            <label for="saas-request-terms_agree" class="checkbox__label">
              <span class="checkbox__icon"></span>
              <span class="checkbox__text defaultXSmall">I read and agree with
                <a href="/terms-and-conditions" class="checkbox__link">terms and conditions</a>
                and
                <a href="/privacy-policy" class="checkbox__link">privacy policy</a>
                of this website
              </span>
            </label>
          </div>
        </div>
        <div class="form__wrapper recaptcha">
          <div class="form-field">
            <div id="saas-request-g-recaptcha-response" class="captchaWrapper"></div>
            <div class="form-field__error">Required</div>
          </div>
        </div>
        <script>
          function recaptchaCallback() {
            const reCaptchaOptions = {sitekey: '6LceR2gjAAAAAIY2W8wlNB221ijjeTmLVfuFDma_'};
            if (document.querySelector('#saas-request-g-recaptcha-response') !== null) {
              window.dataRequestFormCaptcha = grecaptcha.render('saas-request-g-recaptcha-response', reCaptchaOptions);
            }
          }
        </script>
        <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit&hl=en" async defer></script>
       <button class="button t-button-1 CTABase">Contact us</button>
      </form>
    </div>
  </div>

</div>