<section class="wrapper bg-light">\n      <div class="container py-15 py-md-17">\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-5">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g8.jpg" srcset="/assets/img/photos/g8@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g9.jpg" srcset="/assets/img/photos/g9@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g10.jpg" srcset="/assets/img/photos/g10@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">What Makes Us Different?</h2>\n            <h3 class="display-2 ls-xs mb-8">We bring <span class="underline-3 style-2 yellow">solutions</span> to make life easier for our customers.</h3>\n            <div class="row gy-6">\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Creativity</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Innovative Thinking</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Rapid Solutions</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <h3 class="fs-21 ls-xs mb-1">Top-Notch Support</h3>\n                <p class="mb-0">Curabitur blandit lacus magna ridiculus mus duis mollis.</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row pt-15 pt-md-17">\n          <div class="col-lg-10 col-xxl-9 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Our Pricing</h2>\n            <h3 class="display-2 ls-xs mb-12 px-xl-10">We offer great prices, premium products and <span class="underline-3 style-2 yellow">quality</span> 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="row gy-6">\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="pricejustify-content-start"><span class="price-currency">$</span><span class="price-value">9</span> <span class="price-duration">mo</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title ls-xs 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">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="pricejustify-content-start"><span class="price-currency">$</span><span class="price-value">19</span> <span class="price-duration">mo</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title ls-xs 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">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="pricejustify-content-start"><span class="price-currency">$</span><span class="price-value">49</span> <span class="price-duration">mo</span></div>\n                      </div>\n                      <!--/.prices -->\n                      <h4 class="card-title ls-xs 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">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                    <h3 class="fs-21 ls-xs mb-1">Can I cancel my subscription?</h3>\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                    <h3 class="fs-21 ls-xs mb-1">Which payment methods do you accept?</h3>\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                    <h3 class="fs-21 ls-xs mb-1">How can I manage my Account?</h3>\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                    <h3 class="fs-21 ls-xs mb-1">Is my credit card information secure?</h3>\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>