<section class="wrapper bg-light angled upper-end lower-end">\n      <div class="container py-14 py-md-16">\n        <div class="row gy-6 gy-lg-0 mb-10 mb-md-18">\n          <div class="col-lg-4">\n            <h2 class="display-4 mt-lg-18 mb-3">Our Pricing</h2>\n            <p class="lead fs-lg">We offer <span class="underline">great prices</span>, premium and quality products for your business.</p>\n            <p>Enjoy a <a href="#" class="hover">free 30-day trial</a> and experience the full service. No credit card required!</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">See All Prices</a>\n          </div>\n          <!--/column -->\n          <div class="col-lg-7 offset-lg-1 pricing-wrapper">\n            <div class="pricing-switcher-wrapper switcher justify-content-start justify-content-lg-end">\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 <span class="text-red">(Save 30%)</span></p>\n            </div>\n            <div class="row gy-6 mt-5">\n              <div class="col-md-6">\n                <div class="pricing card">\n                  <div class="card-body pb-12">\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">\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-times bullet-soft-red"></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 popular">\n                <div class="pricing card">\n                  <div class="card-body pb-12">\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">\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          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gy-10 gx-lg-8 gx-xl-12 align-items-center">\n          <div class="col-lg-7 position-relative">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded mt-md-10 position-relative" data-cue="fadeIn" data-delay="300"><img src="/assets/img/photos/g5.jpg" srcset="/assets/img/photos/g5@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="row gx-md-5 gy-5">\n                  <div class="col-md-12 order-md-2">\n                    <figure class="rounded" data-cue="fadeIn" data-delay="1100"><img src="/assets/img/photos/g6.jpg" srcset="/assets/img/photos/g6@2x.jpg 2x" alt=""></figure>\n                  </div>\n                  <!--/column -->\n                  <div class="col-md-10">\n                    <div class="card bg-pale-primary text-center" data-cue="fadeIn" data-delay="800">\n                      <div class="card-body py-11 counter-wrapper">\n                        <h3 class="counter text-nowrap">5000+</h3>\n                        <p class="mb-0">Satisfied Customers</p>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!--/column -->\n                </div>\n                <!--/.row -->\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-5">\n            <h2 class="display-4 mb-3">Let’s Talk</h2>\n            <p class="lead fs-lg">Let’s make something great together. We are <span class="underline">trusted by</span> over 5000+ clients. Join them by using our services and grow your business.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">Join Us</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>