<section class="page-section page-section--p-b page-section--bg-white" id="write-to-us-form">

    <div class="write-to-us-form">
        <div class="container write-to-us-form__container">

            <div class="write-to-us-form__inner">
                <div class="write-to-us-form__aside">
                    <div class="write-to-us-form__bg">
                        <div class="write-to-us-form__bg-gradient">

                            <picture>

                                <source media="(min-width: 1921px)"
                                        srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-xl
                                .webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-xl@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-xl@3x.webp 3x"
                                        type="image/webp">
                                <source media="(min-width: 768px)"
                                        srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-d.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-d@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-d@3x.webp 3x"
                                        type="image/webp">
                                <source media="(max-width: 767px)"
                                        srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@3x.webp 3x"
                                        type="image/webp">
                                <img src="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form.png"
                                     srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@2x.png 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@3x.png 3x"
                                     alt="Изображение." width="1100" height="606" loading="lazy">
                            </picture>

                        </div>
                        <div class="write-to-us-form__bg-pixels" data-pixels="write-to-us-form" data-pixels-qty="35">

                        </div>
                    </div>
                    <div class="section-title write-to-us-form__title">
                        <div class="section-title__wrap">
                            <p class="section-title__badge">оставьте заявку</p>
                            <h2 data-animate="title" class="title title--h2 section-title__title words lines splitting"
                                style="--word-total: 4; --line-total: 2;">записаться на онлайн мероприятие</h2>
                        </div>

                    </div>
                    <p class="write-to-us-form__description">Ответим в&nbsp;рабочие дни с&nbsp;9:00 до&nbsp;18:00 по&nbsp;Москве</p>
                </div>
                <div class="write-to-us-form__form" data-form-validate="" data-callback="request"
                     data-button-disabled="">
                    <form action="#" novalidate="">
                        <div class="write-to-us-form__fields">
                            <div class="custom-input write-to-us-form__field write-to-us-form__field--wide"
                                 data-validate-type="text" data-required="" data-message-base="Введите имя"
                                 data-message-extra="Введите корректное имя" data-message-succes="" data-input-focus="">
                                <label>
                                    <input type="text" name="name" minlength="2" maxlength="20">
                                    <span class="custom-input__label">Ваше имя</span>
                                </label>


                            </div>
                            <div class="custom-input" data-validate-type="email" data-required=""
                                 data-message-base="Введите e-mail" data-message-extra="Не корректный e-mail"
                                 data-message-succes="" data-input-focus="">
                                <label>
                                    <input type="email" name="email" maxlength="256">
                                    <span class="custom-input__label">Электронная почта</span>
                                </label>


                            </div>
                            <div class="custom-input" data-validate-type="phone" data-required=""
                                 data-message-base="Введите номер телефона" data-message-extra="не корректный номепр"
                                 data-message-succes="" data-input-focus="" data-phone-length="18">
                                <label>
                                    <input type="tel" name="email" maxlength="256">
                                    <span class="custom-input__label">Номер телефона</span>
                                </label>


                            </div>
                            <div class="custom-input write-to-us-form__field write-to-us-form__field--wide"
                                 data-input-focus="">
                                <label>
                                    <input type="text" name="comment">
                                    <span class="custom-input__label">Комментарий</span>
                                </label>


                            </div>
                        </div>
                        <div class="custom-toggle write-to-us-form__toggle"
                             data-message-base="Согласитесь с политикой конфиденциальности"
                             data-validate-type="checkbox">
                            <label>
                                <input type="checkbox" required="">

                                <span class="custom-toggle__icon">
          <svg width="1em" height="1em" viewBox="0 0 12 12" data-icon="icon-check">

  <symbol id="ai:local:icon-check"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-width="1.5"
                                         d="M2.5 6 5 8.5l5-5"></path></symbol><use
                      xlink:href="#ai:local:icon-check"></use>

</svg>
        </span>

                                <span class="custom-toggle__label">

            <span class="custom-toggle__label-text">Я согласен с <a href="#">Политикой конфиденциальности</a></span>
            <span class="custom-toggle__label-icon">
              <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">

  <use xlink:href="#ai:local:icon-arrow-up-right"></use>

</svg>
            </span>

        </span>
                            </label>
                        </div>
                        <button type="submit"
                                class="button button--solid-green button--size-m write-to-us-form__send-btn is-disabled">
                            <span class="button__text">записаться</span><span class="button__icon">
        <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">

  <use xlink:href="#ai:local:icon-arrow-up-right"></use>

</svg>
      </span></button>
                    </form>
                </div>
            </div>

        </div>
    </div>

</section>
