/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/ru/product.html
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />

    <title>bill_line - Продукт</title>

    <meta
      name="title"
      content="Главные продукты bill_line: эквайринг, checkout, выплаты"
    />
    <meta
      name="description"
      content="bill_line работает на рынке платежных услуг и обеспечивает бизнес актуальными финансовыми продуктами: интернет-эквайрингом, выплатами на банковскую карту и др"
    />

    <!-- TODO: Delete noindex on production -->
    <meta name="robots" content="noindex" />
    <meta name="googlebot" content="noindex" />

    <!-- Mobile -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="../css/compose.css" />

    <!-- Favicon  -->
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="../images/favicon/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="../images/favicon/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="../images/favicon/favicon-16x16.png"
    />
    <!--    <link rel="manifest" href="../images/favicon/site.webmanifest" />-->
    <link
      rel="mask-icon"
      href="../images/favicon/safari-pinned-tab.svg"
      color="#9680ff"
    />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="theme-color" content="#ffffff" />

    <!-- Opengraph -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="og:type" content="website" />
    <meta property="og:image:type" content="images/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:url" content="https://billline.net" />
    <meta property="og:site_name" content="bill_line" />
    <meta
      property="og:title"
      content="Главные продукты bill_line: эквайринг, checkout, выплаты"
    />
    <meta
      property="og:description"
      content="bill_line работает на рынке платежных услуг и обеспечивает бизнес актуальными финансовыми продуктами: интернет-эквайрингом, выплатами на банковскую карту и др"
    />
    <meta property="og:image" content="images/opengraph.png" />

    <style>
      .preloader {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 50;
        background-color: var(--white);
        overflow: hidden;
      }

      .preloader.-visible {
        display: block;
      }

      .preloader video,
      .preloader img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      @media screen and (max-width: 759px) {
        .preloader video,
        .preloader img {
          -webkit-transform: scale(2);
          transform: scale(2);
        }
      }
    </style>
  </head>
  <body>
    <div class="preloader">
      <video src="../images/preloader.mp4" muted autoplay playsinline></video>
    </div>

    <script>
      // Allow animations if JS support is enabled

      document.body.classList.add("-allow-animations");

      // Don't show preloader again if the page was visited

      let preloader = document.querySelector(".preloader");

      let fullPageUrl = window.location.href;
      let visitedPages = window.localStorage.getItem("visited-pages");
      let visitedPagesArr = visitedPages ? visitedPages.split(" ") : "";

      let isPreloaderLoaded = visitedPagesArr.length;

      if (preloader && isPreloaderLoaded) {
        preloader.remove();
      } else if (preloader) {
        preloader.classList.add("-visible");

        window.addEventListener("load", function () {
          window.localStorage.setItem(
            "visited-pages",
            visitedPages + " " + fullPageUrl
          );
        });
      }
    </script>

    <header class="header">
      <div class="container">
        <div class="header-container">
          <a href="/ru" class="header__logo">
            <img src="../images/logo-text.svg" alt="billline.net" />
          </a>

          <div class="header__menu">
            <div
              class="
                localization-dropdown
                --dropdown
                text-2
                --medium-text
                --caps-text
              "
            >
              <div class="--dropdown__value">
                <span
                  class="
                    localization-dropdown__icon
                    --mask-item
                    --gradient-hover
                  "
                  style="
                    -webkit-mask-image: url(../images/icons/globe.svg);
                    mask-image: url(../images/icons/globe.svg);
                  "
                ></span>
                <p class="--gradient-hover">Рус</p>
                <span
                  class="
                    localization-dropdown__arrow
                    --mask-item
                    --gradient-hover
                  "
                  style="
                    -webkit-mask-image: url(../images/icons/caret-down.svg);
                    mask-image: url(../images/icons/caret-down.svg);
                  "
                ></span>
              </div>
              <div class="--dropdown__list">
                <a
                  href="/product"
                  class="--dropdown__list-item --gradient-hover"
                >
                  Укр
                </a>
                <a
                  href="#"
                  class="--dropdown__list-item --gradient-hover -active"
                >
                  Рус
                </a>
                <a
                  href="/en/product"
                  class="--dropdown__list-item --gradient-hover"
                >
                  Eng
                </a>
              </div>
            </div>
            <nav class="header__menu-nav text-2 --medium-text">
              <a
                class="header__nav --gradient-hover -current"
                href="/ru/product"
              >
                Продукт
              </a>
              <a class="header__nav --gradient-hover" href="/ru/connect">
                Подключение
              </a>
              <a class="header__nav --gradient-hover" href="/ru/api"> API </a>
              <a class="header__nav --gradient-hover" href="/ru/about">
                О компании
              </a>
              <a class="header__nav --gradient-hover" href="/ru/contacts">
                Контакты
              </a>
            </nav>
            <div class="header__button-box">
              <a
                href="https://cabinet.billline.net/login"
                target="_blank"
                class="default-button -small"
              >
                <p data-hover-text="Войти">Войти</p>
              </a>
              <a
                href="https://cabinet.billline.net/register"
                target="_blank"
                class="default-button -small -shadow -black"
              >
                <p>Регистрация</p>
                <span class="default-button__arrow"></span>
              </a>
            </div>
          </div>

          <button
            class="
              header__open-menu-button
              -small
              default-button
              -shadow
              -white
            "
          >
            <div></div>
            <div></div>
            <div></div>
          </button>
        </div>
      </div>
    </header>

    <main>
      <section
        class="main-title-section --margin-bottom-200 --mob-margin-bottom-120"
      >
        <div class="container" data-animate="swim-top">
          <div class="main-title-section-container --content-container-S">
            <h1 class="main-title__title title-1 mob-title-1 --bold-text">
              Используйте продукты bill_line, чтобы зарабатывать больше
            </h1>

            <div class="main-title__image">
              <img
                src="../images/product-page/payouts.jpg"
                alt="Быстро принимайте и совершайте платежи - billline.net"
              />
            </div>

            <p class="main-title__text text-1 mob-text-1">
              Быстро принимайте и совершайте платежи, управляйте транзакциями
              <br />
              в личном кабинете и получайте индивидуальную аналитику.
            </p>
          </div>
        </div>
      </section>

      <article
        class="
          connect-card-section
          --margin-top-200 --margin-bottom-200
          --mob-margin-top-120 --mob-margin-bottom-120
        "
      >
        <div class="container" data-animate="swim-top">
          <div class="info-block -checkout --content-container-M">
            <div class="info-block__text-box">
              <div class="info-block__editor">
                <h2>Используйте bill_line Checkout</h2>
                <blockquote>
                  Каждая третья компания с кастомным чекаутом увеличивает
                  эффективность платежей на 21%
                </blockquote>
                <p>
                  Независимо от того, что вы продаете в интернете, мы можем
                  подключить ваш Checkout или bill_line Checkout, чтобы
                  безопасно принимать платежи.
                </p>
                <p>
                  Постоянно улучшаем детали страницы оформления заказа и
                  увеличиваем конверсию.
                </p>
                <p>
                  Создадим визуальную и функциональную страницу чекаута, которая
                  будет решать именно ваши задачи, если нужно.
                </p>
              </div>
            </div>
            <div class="info-block__image -gray-bg">
              <img
                class="-lazyload"
                srcset="../images/lazyload.png"
                src="../images/info-block/checkout-image.png"
                alt="Используйте bill_line Checkout - billline.net"
              />
            </div>
          </div>
        </div>
      </article>

      <section
        class="
          product-solutions-section
          --margin-top-200 --margin-bottom-200
          --mob-margin-top-120 --mob-margin-bottom-120
        "
      >
        <div class="container" data-animate="swim-top">
          <div class="info-card-grid --content-container-M">
            <div class="default-info-card">
              <div class="info-card__icon" style="background-color: #fadceb">
                <span
                  class="--mask-item"
                  style="
                    background-color: #e5509b;
                    -webkit-mask-image: url(../images/icons/link-simple.svg);
                    mask-image: url(../images/icons/link-simple.svg);
                  "
                ></span>
              </div>

              <h4 class="info-card__title title-5 mob-title-5 --bold-text">
                Платежные ссылки
              </h4>

              <div class="info-card__text text-2 mob-text-2">
                <p>
                  Отправляйте индивидуальные ссылки на оплату с данными заказа
                  на e&#8209;mail или в мессенджер вашему клиенту.
                </p>
                <p>
                  Клиент открывает ссылку, видит счет для оплаты, вводит данные
                  карты и подтверждает платеж.
                </p>
              </div>
            </div>
            <div class="default-info-card">
              <div class="info-card__icon" style="background-color: #fbf2da">
                <span
                  class="--mask-item"
                  style="
                    background-color: #ebbf46;
                    -webkit-mask-image: url(../images/icons/shuffle-angular.svg);
                    mask-image: url(../images/icons/shuffle-angular.svg);
                  "
                ></span>
              </div>

              <h4 class="info-card__title title-5 mob-title-5 --bold-text">
                Каскадные <br />платежи
              </h4>

              <div class="info-card__text text-2 mob-text-2">
                <p>
                  Сотрудничаем с несколькими банками и проведем платеж через
                  других партнеров в случае чего.
                </p>
                <p>
                  Потому ваши клиенты бесперебойно сумеют оплачивать онлайн.
                </p>
              </div>
            </div>
            <div class="default-info-card">
              <div class="info-card__icon" style="background-color: #e1f6fa">
                <span
                  class="--mask-item"
                  style="
                    background-color: #6bd1e6;
                    -webkit-mask-image: url(../images/icons/calendar-check.svg);
                    mask-image: url(../images/icons/calendar-check.svg);
                  "
                ></span>
              </div>

              <h4 class="info-card__title title-5 mob-title-5 --bold-text">
                Рекуррентные платежи
              </h4>

              <div class="info-card__text text-2 mob-text-2">
                <p>
                  Автоматизируйте платежные процессы, подключая рекуррентные
                  платежи.
                </p>
                <p>
                  Списывайте деньги с банковской карты клиента по четкому
                  графику – ежедневно, еженедельно, ежемесячно или с той
                  периодичностью, которая вам нужна.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <article
        class="
          info-block-section
          --margin-top-200 --margin-bottom-200
          --mob-margin-top-120 --mob-margin-bottom-120
        "
      >
        <div class="container" data-animate="swim-top">
          <div class="info-block --content-container-M">
            <div class="info-block__text-box">
              <div class="info-block__editor">
                <h2>Принимайте платежи в разных валютах</h2>
                <p>
                  Позвольте клиентам платить в удобной для них валюте. Основные
                  валюты, которые используют клиенты bill_line – гривна, доллар
                  и евро. Но мы можем подключить локальные валюты из любой
                  страны мира.
                </p>
              </div>
            </div>
            <div class="info-block__image -currency -gray-bg">
              <div class="currency-ani-block">
                <div class="currency-ani-block__item -active">
                  <div class="currency-ani-block__left">
                    <div
                      class="currency-ani-block__currency"
                      style="background-color: #fadceb"
                    >
                      <span
                        class="--mask-item"
                        style="
                          background-color: #e5509b;
                          -webkit-mask-image: url(../images/currency-icons/uah.svg);
                          mask-image: url(../images/currency-icons/uah.svg);
                        "
                      ></span>
                    </div>
                    <div class="currency-ani-block__name text-2 --bold-text">
                      Гривны
                    </div>
                  </div>
                  <div class="currency-ani-block__button">
                    <span></span>
                  </div>
                </div>
                <div class="currency-ani-block__item -active">
                  <div class="currency-ani-block__left">
                    <div
                      class="currency-ani-block__currency"
                      style="background-color: #e7f4e1"
                    >
                      <span
                        class="--mask-item"
                        style="
                          background-color: #7ac668;
                          -webkit-mask-image: url(../images/currency-icons/usd.svg);
                          mask-image: url(../images/currency-icons/usd.svg);
                        "
                      ></span>
                    </div>
                    <div class="currency-ani-block__name text-2 --bold-text">
                      Доллары
                    </div>
                  </div>
                  <div class="currency-ani-block__button">
                    <span></span>
                  </div>
                </div>
                <div class="currency-ani-block__item">
                  <div class="currency-ani-block__left">
                    <div
                      class="currency-ani-block__currency"
                      style="background-color: #e0eff9"
                    >
                      <span
                        class="--mask-item"
                        style="
                          background-color: #66aee0;
                          -webkit-mask-image: url(../images/currency-icons/eur.svg);
                          mask-image: url(../images/currency-icons/eur.svg);
                        "
                      ></span>
                    </div>
                    <div class="currency-ani-block__name text-2 --bold-text">
                      Евро
                    </div>
                  </div>
                  <div class="currency-ani-block__button">
                    <span></span>
                  </div>
                </div>
                <div class="currency-ani-block__item">
                  <div class="currency-ani-block__left">
                    <div
                      class="currency-ani-block__currency"
                      style="background-color: #fbf2da"
                    >
                      <span
                        class="--mask-item"
                        style="
                          background-color: #ebbf46;
                          -webkit-mask-image: url(../images/currency-icons/crypto.svg);
                          mask-image: url(../images/currency-icons/crypto.svg);
                        "
                      ></span>
                    </div>
                    <div class="currency-ani-block__name text-2 --bold-text">
                      Крипта
                    </div>
                  </div>
                  <div class="currency-ani-block__button">
                    <span></span>
                  </div>
                </div>
                <div class="currency-ani-block__item -active">
                  <div class="currency-ani-block__left">
                    <div
                      class="currency-ani-block__currency"
                      style="background-color: #e8ebf8"
                    >
                      <span
                        class="--mask-item"
                        style="
                          background-color: #8d9adb;
                          -webkit-mask-image: url(../images/currency-icons/star.svg);
                          mask-image: url(../images/currency-icons/star.svg);
                        "
                      ></span>
                    </div>
                    <div class="currency-ani-block__name text-2 --bold-text">
                      Именно та, которая <br />будет нужна вам
                    </div>
                  </div>
                  <div class="currency-ani-block__button">
                    <span></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </article>

      <article
        class="
          info-block-section
          --margin-top-200 --margin-bottom-200
          --mob-margin-top-120 --mob-margin-bottom-120
        "
      >
        <div class="container" data-animate="swim-top">
          <div class="info-block -integration --content-container-M -reverse">
            <div class="info-block__text-box">
              <div class="info-block__editor">
                <h2>Интегрируемся с разными CMS и платформами</h2>
                <p>
                  Сотрудничаем с наиболее популярными платформами и предлагаем
                  плагины, которые помогут вам легко начать вашу интеграцию.
                </p>
              </div>
            </div>
            <div class="info-block__image">
              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/ship-station.svg"
                  alt="Ship Station - billline.net"
                />
              </div>

              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/salesforce.svg"
                  alt="Salesforce - billline.net"
                />
              </div>

              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/simpla.png"
                  alt="Simpla - billline.net"
                />
              </div>
              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/prestashop.svg"
                  alt="Presta Shop - billline.net"
                />
              </div>
              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/woo.png"
                  alt="Woo - billline.net"
                />
              </div>
              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/magento.svg"
                  alt="Magento - billline.net"
                />
              </div>
              <div class="info-block__image-box">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/info-block/shippo.png"
                  alt="Shippo - billline.net"
                />
              </div>
            </div>
          </div>
        </div>
      </article>

      <article
        class="
          info-block-section
          --margin-top-200 --margin-bottom-200
          --mob-margin-top-120 --mob-margin-bottom-120
        "
      >
        <div class="container" data-animate="swim-top">
          <div class="info-block --content-container-M">
            <div class="info-block__text-box">
              <div class="info-block__editor">
                <h2>Аналитика по запросу</h2>
                <p>
                  Получайте отчет по всем транзакциям, конверсиям, доходам,
                  обороту, платежам по месту их проведения, по типам карт,
                  платежным операциям каждого канала, а также по информации о
                  плательщиках.
                </p>
                <p>
                  Также мы можем создать кастомную аналитику под любой запрос.
                </p>
              </div>
            </div>
            <div class="info-block__image -graph">
              <div class="graph-ani-block">
                <div class="graph-ani-block__title --bold-text">
                  Количество клиентов
                </div>
                <div class="graph-ani-block__graph-box">
                  <div class="graph-ani-block__graphs">
                    <div
                      class="
                        graph-ani-block__graphs-container
                        subtitle-1
                        mob-text-1
                        --bold-text
                        --white-text
                      "
                    >
                      <div class="graph-ani-block__graph">
                        <p>57 984</p>
                      </div>
                      <div class="graph-ani-block__graph">
                        <p>55 223</p>
                      </div>
                      <div class="graph-ani-block__graph">
                        <p>73 581</p>
                      </div>
                      <div class="graph-ani-block__graph -active">
                        <p>133 782</p>
                      </div>
                      <div class="graph-ani-block__graph">
                        <p>137 795</p>
                      </div>
                    </div>
                  </div>
                  <div class="graph-ani-block__months --bold-text">
                    <div class="graph-ani-block__month">Март</div>
                    <div class="graph-ani-block__month">Апрель</div>
                    <div class="graph-ani-block__month">Май</div>
                    <div class="graph-ani-block__month -active">Июнь</div>
                    <div class="graph-ani-block__month">Июль</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </article>

      <section
        id="form"
        class="form-section --margin-top-200 --mob-margin-top-120"
      >
        <div class="container" data-animate="swim-top">
          <div class="form-container --content-container-S">
            <div class="form-section__title-box">
              <div class="form-section__img">
                <img
                  class="-lazyload"
                  srcset="../images/lazyload.png"
                  src="../images/form/form-stars.svg"
                  alt="Подключайте индивидуальное решение - billline.net"
                />
              </div>

              <h2 class="form-section__title title-2 mob-title-2 --bold-text">
                Подключайте индивидуальное решение
              </h2>

              <p class="form-section__subtitle text-1 mob-text-1">
                Мы понимаем, что каждый бизнес особенный, поэтому создаем
                решения, учитывающие потребности вашей компании. Наша команда
                разработки имеет опыт реализации наиболее сложных технических
                систем.
              </p>
            </div>
            <div class="form-block -connect --sending-form-container">
              <div class="--sending-form">
                <div class="form__title-box --white-text">
                  <h3 class="form__title title-5 mob-title-5 --bold-text">
                    Заявка на подключение
                  </h3>
                  <p class="form__subtitle text-1 mob-text-1">
                    Оставляйте заявку, чтобы начать сотрудничество
                  </p>
                </div>
                <div class="form">
                  <form name="connect">
                    <div class="form__grid">
                      <div class="input -input" data-important="not-empty">
                        <label>Имя *</label>
                        <input type="text" name="name" />
                        <span
                          class="input__invalid"
                          data-correct-text="Проверьте правильность введенных данных"
                          data-fill-text="Это поле обязательно для заполнения"
                        >
                        </span>
                      </div>

                      <div class="input -input" data-important="not-empty">
                        <label>URL адрес *</label>
                        <input type="text" name="url" />
                        <span
                          class="input__invalid"
                          data-correct-text="Проверьте правильность введенных данных"
                          data-fill-text="Это поле обязательно для заполнения"
                        >
                        </span>
                      </div>

                      <div class="input -input" data-important="email">
                        <label>Электронная почта *</label>
                        <input type="text" name="email" />
                        <span
                          class="input__invalid"
                          data-correct-text="Проверьте правильность введенных данных"
                          data-fill-text="Это поле обязательно для заполнения"
                        ></span>
                      </div>

                      <div class="input -input">
                        <label>Telegram/Viber/Whatsapp</label>
                        <input type="text" name="social" />
                      </div>

                      <div class="input -input form__textarea">
                        <label>Краткое описание компании</label>
                        <textarea
                          class="-adaptive-height"
                          name="message"
                        ></textarea>
                      </div>
                    </div>

                    <div class="checkbox --checkbox" data-important="checked">
                      <input type="checkbox" checked />
                      <span class="checkbox__button"></span>
                      <p class="checkbox__text">
                        Я согласен, что я ознакомился с
                        <a
                          href="../files/Політика%20конфіденційності%20%20(RU).pdf"
                          target="_blank"
                          class="default-link --gradient-hover"
                        >
                          Политикой конфиденциальности
                        </a>
                        и принимаю ее
                      </p>
                    </div>

                    <button class="form__button default-button -shadow -black">
                      <p>Отправить заявку</p>
                    </button>
                  </form>
                </div>
              </div>

              <div class="--sending-block --sending-loading">
                <div
                  class="form-sending__img --mask-item"
                  style="
                    -webkit-mask-image: url(../images/icons/circle-dashed.svg);
                    mask-image: url(../images/icons/circle-dashed.svg);
                  "
                ></div>
                <div class="form-sending__subtitle text-1 mob-text-1">
                  Обрабатываем вашу заявку...
                </div>
              </div>
              <div class="--sending-block --sending-success">
                <div
                  class="form-sending__img --mask-item"
                  style="
                    -webkit-mask-image: url(../images/icons/check-circle.svg);
                    mask-image: url(../images/icons/check-circle.svg);
                  "
                ></div>
                <div
                  class="form-sending__title title-5 mob-title-5 --bold-text"
                >
                  Заявка успешно отправлена
                </div>
                <div class="form-sending__subtitle text-1 mob-text-1">
                  Наши менеджеры свяжутся с вами в ближайшее время и дадут
                  ответы на интересующие вас вопросы.
                </div>
                <button
                  class="
                    form-sending__button
                    default-button
                    -shadow
                    -black
                    --back-to-form
                  "
                >
                  <p>ОК</p>
                </button>
              </div>
              <div class="--sending-block --sending-error">
                <div
                  class="form-sending__img --mask-item"
                  style="
                    -webkit-mask-image: url(../images/icons/x-circle-big.svg);
                    mask-image: url(../images/icons/x-circle-big.svg);
                  "
                ></div>
                <div
                  class="form-sending__title title-5 mob-title-5 --bold-text"
                >
                  Заявку не удалось отправить
                </div>
                <div class="form-sending__subtitle text-1 mob-text-1">
                  Произошла ошибка при отправке. Пожалуйста, попробуйте еще раз.
                </div>
                <button
                  class="
                    form-sending__button
                    default-button
                    -shadow
                    -white
                    --back-to-form
                  "
                >
                  <span
                    class="default-button__icon --mask-item"
                    style="
                      -webkit-mask-image: url(../images/icons/arrow-clockwise.svg);
                      mask-image: url(../images/icons/arrow-clockwise.svg);
                    "
                  ></span>
                  <p>Попробовать еще раз</p>
                </button>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container">
        <div class="footer__top">
          <div class="footer__top-left">
            <div class="footer__logo">
              <img
                class="-lazyload"
                srcset="../images/lazyload.png"
                src="../images/logo.svg"
                alt="billline.net"
              />
            </div>

            <div class="footer__socials">
              <a
                href="https://www.facebook.com/billline.net"
                target="_blank"
                class="default-button -shadow -white -social"
              >
                <span
                  class="default-button__icon --mask-item"
                  style="
                    -webkit-mask-image: url(../images/icons/facebook.svg);
                    mask-image: url(../images/icons/facebook.svg);
                  "
                ></span>
              </a>
              <a
                href="https://www.instagram.com/bill_line.payments/"
                target="_blank"
                class="default-button -shadow -white -social"
              >
                <span
                  class="default-button__icon --mask-item"
                  style="
                    -webkit-mask-image: url(../images/icons/instagram.svg);
                    mask-image: url(../images/icons/instagram.svg);
                  "
                ></span>
              </a>
              <a
                href="https://www.linkedin.com/company/billline"
                target="_blank"
                class="default-button -shadow -white -social"
              >
                <span
                  class="default-button__icon --mask-item"
                  style="
                    -webkit-mask-image: url(../images/icons/linkedin.svg);
                    mask-image: url(../images/icons/linkedin.svg);
                  "
                ></span>
              </a>
            </div>
          </div>

          <div class="footer__top-right text-2 --medium-text">
            <nav class="footer__nav-list">
              <a class="footer__nav --gradient-hover" href="/ru/product">
                Продукт
              </a>
              <a class="footer__nav --gradient-hover" href="/ru/connect">
                Подключение
              </a>
              <a class="footer__nav --gradient-hover" href="/ru/about">
                О компании
              </a>
              <a class="footer__nav --gradient-hover" href="/ru/contacts">
                Контакты
              </a>
              <a class="footer__nav --gradient-hover" href="/ru/api"> API </a>
            </nav>

            <nav class="footer__nav-list">
              <a
                class="footer__nav --gradient-hover"
                href="../files/Вимоги%20(RU).pdf"
                target="_blank"
              >
                Требования
              </a>
              <a
                class="footer__nav --gradient-hover"
                href="../files/Політика%20конфіденційності%20%20(RU).pdf"
                target="_blank"
              >
                Политика конфиденциальности
              </a>
              <a
                class="footer__nav --gradient-hover"
                href="../files/Полiтика%20cookie%20%20(RU).pdf"
                target="_blank"
              >
                Политика Cookie
              </a>
              <a
                class="footer__nav --gradient-hover"
                href="../files/Полiтика%20AML%20(RU).pdf"
                target="_blank"
              >
                Политика AML
              </a>
            </nav>
          </div>
        </div>

        <div class="footer__bot">
          <div class="footer__partners">
            <img
              class="-lazyload"
              srcset="../images/lazyload.png"
              src="../images/partners/pci-dss.svg"
              alt="PCI DSS - billline.net"
            />
            <img
              class="-lazyload"
              srcset="../images/lazyload.png"
              src="../images/partners/visa.svg"
              alt="VISA - billline.net"
            />
            <img
              class="-lazyload"
              srcset="../images/lazyload.png"
              src="../images/partners/mastercard.svg"
              alt="Mastercard - billline.net"
            />
          </div>

          <p class="footer__copyright text-2 --medium-text">© bill_line 2022</p>
        </div>
      </div>
    </footer>

    <div class="cookie-block">
      <div class="container">
        <div class="cookie" data-animate="swim-top">
          <p class="text-2 mob-text-2 --white-text">
            Этот сайт использует файлы cookie Используя наш сайт, вы
            соглашаетесь с нашей
            <a
              href="../files/Полiтика%20cookie%20%20(RU).pdf"
              target="_blank"
              class="default-link"
              >Политикой cookie</a
            >.
          </p>
          <button
            class="
              cookie__button
              default-button
              -small
              -shadow
              -white
              text-2
              --medium-text
            "
          >
            Принимаю
          </button>
        </div>
      </div>
    </div>

    <script src="../js/lib/jquery-3.6.0.min.js"></script>
    <script src="../js/lib/jquery.cookie.js"></script>
    <script src="../js/lib/jquery.inputmask.min.js"></script>

    <script src="../js/custom-solutions.js"></script>
    <script src="../js/scroll-animation.js"></script>
    <script src="../js/form.js"></script>
    <script src="../js/script.js"></script>
  </body>
</html>