Expanding access through technology

364%
ROI after switching to Space
10%
more revenue from new sellers
67%
reduction in expansion costs
HTML
<!-- Hero -->
<div class="bg-soft-primary-light position-relative overflow-hidden">
  <div class="container content-space-t-3 content-space-t-md-4 content-space-b-1 content-space-b-md-3">
    <div class="row mb-7">
      <div class="col-md-6">
        <!-- Heading -->
        <div class="pe-lg-3">
          <h1 class="display-4 text-primary">Expanding access through <span class="text-warning">technology</span></h1>
        </div>
        <!-- End Heading -->
      </div>
      <!-- End Col -->
    </div>
    <!-- End Row -->

    <div class="row mb-7">
      <div class="col-md-9">
        <form>
          <!-- Input Card -->
          <div class="input-card input-card-sm">
            <div class="input-card-form">
              <!-- Input Group -->
              <div class="input-group input-group-merge">
                <span class="input-group-prepend input-group-text">
                  <i class="bi-person"></i>
                </span>
                <input type="text" class="form-control form-control-lg" placeholder="Your name" aria-label="Your name" aria-describedby="heroNameAddOn">
              </div>
              <!-- End Input Group -->
            </div>

            <div class="input-card-form">
              <!-- Input Group -->
              <div class="input-group input-group-merge">
                <span class="input-group-prepend input-group-text">
                  <i class="bi-envelope-open"></i>
                </span>
                <input type="text" class="form-control form-control-lg" placeholder="Your email" aria-label="Your email">
              </div>
              <!-- End Input Group -->
            </div>

            <button type="button" class="btn btn-primary btn-lg" id="heroNameAddOn">Start now</button>
          </div>
          <!-- End Input Card -->
        </form>
      </div>
      <!-- End Col -->
    </div>
    <!-- End Row -->

    <div class="row">
      <div class="col-md-7">
        <div class="row">
          <div class="col-sm mb-3 mb-sm-0">
            <span class="h3 d-block text-primary">364%</span>
            <p>ROI after switching to Space</p>
          </div>
          <!-- End Col -->

          <div class="col-sm mb-3 mb-sm-0">
            <span class="h3 d-block text-primary">10%</span>
            <p>more revenue from new sellers</p>
          </div>
          <!-- End Col -->

          <div class="col-sm">
            <span class="h3 d-block text-primary">67%</span>
            <p>reduction in expansion costs</p>
          </div>
          <!-- End Col -->
        </div>
        <!-- End Row -->
      </div>
      <!-- End Col -->
    </div>
    <!-- End Row -->
  </div>

  <!-- SVG Elements -->
  <div class="position-absolute top-0 end-0">
    <img src="../assets/svg/components/shape-3.svg" alt="SVG" width="350">
  </div>
  <div class="position-absolute bottom-0 end-0 me-10">
    <img src="../assets/svg/components/shape-1.svg" alt="SVG" width="200">
  </div>
  <!-- End SVG Elements -->
</div>
<!-- End Hero -->