<!-- Hero Section -->
                <div class="position-relative">
                  <div class="bg-img-hero" style="background-image: url(../../assets/svg/components/abstract-shapes-12.svg);">
                    <div class="container space-top-2 space-bottom-3 position-relative z-index-2">
                      <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-5 mb-md-9">
                        <h1>Contact us</h1>
                        <p>We'd love to talk about how we can help you.</p>
                      </div>

                      <div class="row">
                        <div class="col-md-4 mb-3 mb-md-0 mb-md-n11">
                          <!-- Card -->
                          <a class="card text-center h-100 transition-3d-hover" href="#">
                            <div class="card-body p-lg-5">
                              <figure class="max-w-8rem w-100 mx-auto mb-4">
                                <img class="img-fluid" src="../../assets/svg/icons/icon-7.svg" alt="SVG">
                              </figure>
                              <h3 class="h4">Knowledgebase</h3>
                              <p class="text-body mb-0">We're here to help with any questions or code.</p>
                            </div>
                            <div class="card-footer font-weight-bold py-3 px-lg-5">
                              Contact support <i class="fas fa-angle-right fa-sm ml-1"></i>
                            </div>
                          </a>
                          <!-- End Card -->
                        </div>

                        <div class="col-md-4 mb-3 mb-md-0 mb-md-n11">
                          <!-- Card -->
                          <a class="card text-center h-100 transition-3d-hover" href="#">
                            <div class="card-body p-lg-5">
                              <figure class="max-w-8rem w-100 mx-auto mb-4">
                                <img class="img-fluid" src="../../assets/svg/icons/icon-4.svg" alt="SVG">
                              </figure>
                              <h3 class="h4">FAQ</h3>
                              <p class="text-body mb-0">Search our FAQ for answers to anything you might ask.</p>
                            </div>
                            <div class="card-footer font-weight-bold py-3 px-lg-5">
                              Visit FAQ <i class="fas fa-angle-right fa-sm ml-1"></i>
                            </div>
                          </a>
                          <!-- End Card -->
                        </div>

                        <div class="col-md-4 mb-md-n11">
                          <!-- Card -->
                          <a class="card text-center h-100 transition-3d-hover" href="#">
                            <div class="card-body p-lg-5">
                              <figure class="max-w-8rem w-100 mx-auto mb-4">
                                <img class="img-fluid" src="../../assets/svg/icons/icon-44.svg" alt="SVG">
                              </figure>
                              <h3 class="h4">Developer APIs</h3>
                              <p class="text-body mb-0">Check out our development quickstart guide.</p>
                            </div>
                            <div class="card-footer font-weight-bold py-3 px-lg-5">
                              Contact sales <i class="fas fa-angle-right fa-sm ml-1"></i>
                            </div>
                          </a>
                          <!-- End Card -->
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- SVG Shape -->
                  <figure class="position-absolute bottom-0 right-0 left-0">
                    <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1921 273">
                      <polygon fill="#fff" points="0,273 1921,273 1921,0 "/>
                    </svg>
                  </figure>
                  <!-- End SVG Shape -->
                </div>
                <!-- End Hero Section -->