Expanding access through technology

              
                <!-- 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 -->