<section class="wrapper bg-gray">\n      <div class="container py-14 pt-md-0 pb-md-17">\n        <div class="row mt-md-n50p text-white text-center">\n          <div class="col-xl-10 mx-auto mb-14 mb-lg-n6">\n            <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400" data-image-src="/assets/img/photos/bg2.jpg">\n              <div class="card-body p-9 p-xl-12">\n                <div class="row gx-0">\n                  <div class="col-xxl-9 mx-auto">\n                    <div class="swiper-container dots-light dots-closer mb-6" data-margin="30" data-dots="true">\n                      <div class="swiper">\n                        <div class="swiper-wrapper">\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1 text-white">Coriss Ambady</h5>\n                                  <p class="mb-0">Financial Analyst</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1 text-white">Cory Zamora</h5>\n                                  <p class="mb-0">Marketing Specialist</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                          <div class="swiper-slide">\n                            <span class="ratings five mb-3"></span>\n                            <blockquote class="border-0 fs-lg mb-2">\n                              <p>“Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.”</p>\n                              <div class="blockquote-details justify-content-center text-center">\n                                <div class="info ps-0">\n                                  <h5 class="mb-1 text-white">Nikolas Brooten</h5>\n                                  <p class="mb-0">Sales Manager</p>\n                                </div>\n                              </div>\n                            </blockquote>\n                          </div>\n                          <!--/.swiper-slide -->\n                        </div>\n                        <!--/.swiper-wrapper -->\n                      </div>\n                      <!--/.swiper -->\n                    </div>\n                    <!-- /.swiper-container -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row text-center">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-15 text-uppercase text-primary mb-3">Our Pricing</h2>\n            <h3 class="display-4 mb-10 px-xl-10">We offer great prices, premium products and quality service for your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row">\n          <div class="col-xl-11 mx-auto">\n            <div class="pricing-wrapper position-relative mb-10 mb-md-14">\n              <div class="shape bg-dot primary rellax w-16 h-18" data-rellax-speed="1" style="top: 2rem; right: -2.4rem;"></div>\n              <div class="shape rounded-circle bg-line primary rellax w-18 h-18 d-none d-lg-block" data-rellax-speed="1" style="bottom: 0.5rem; left: -2.5rem;"></div>\n              <div class="pricing-switcher-wrapper switcher">\n                <p class="mb-0 pe-3">Monthly</p>\n                <div class="pricing-switchers">\n                  <div class="pricing-switcher pricing-switcher-active"></div>\n                  <div class="pricing-switcher"></div>\n                  <div class="switcher-button bg-primary"></div>\n                </div>\n                <p class="mb-0 ps-3">Yearly</p>\n              </div>\n              <div class="row gy-6 mt-3 mt-md-5">\n                <div class="col-md-6 col-lg-4">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                        <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title mt-2">Basic Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>1</strong> Project </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong> </span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n                <div class="col-md-6 col-lg-4 popular">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                        <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title mt-2">Premium Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>5</strong> Projects </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>100K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>200MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n                <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-0">\n                  <div class="pricing card">\n                    <div class="card-body">\n                      <div class="prices text-dark">\n                        <div class="price price-show justify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                        <div class="price price-hide price-hidden justify-content-start"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title mt-2">Corporate Plan</h4>\n                      <ul class="icon-list bullet-bg bullet-soft-primary mt-7 mb-8 text-start">\n                        <li><i class="uil uil-check"></i><span><strong>20</strong> Projects </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>300K</strong> API Access </span></li>\n                        <li><i class="uil uil-check"></i><span><strong>500MB</strong> Storage </span></li>\n                        <li><i class="uil uil-check"></i><span> Weekly <strong>Reports</strong></span></li>\n                        <li><i class="uil uil-check"></i><span> 7/24 <strong>Support</strong></span></li>\n                      </ul>\n                      <a href="#" class="btn btn-primary rounded-pill">Choose Plan</a>\n                    </div>\n                    <!--/.card-body -->\n                  </div>\n                  <!--/.pricing -->\n                </div>\n                <!--/column -->\n              </div>\n              <!--/.row -->\n            </div>\n            <!--/.pricing-wrapper -->\n            <div class="row gx-md-8 gx-xl-12 gy-10">\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>Can I cancel my subscription?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>Which payment methods do you accept?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>How can I manage my Account?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <span class="icon btn btn-sm btn-circle btn-primary pe-none me-5"><i class="uil uil-comment-exclamation"></i></span>\n                  </div>\n                  <div>\n                    <h4>Is my credit card information secure?</h4>\n                    <p class="mb-0">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod maecenas.</p>\n                  </div>\n                </div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>