<section class="wrapper bg-light">\n      <div class="container py-14 py-md-16">\n        <div class="pricing-wrapper position-relative mt-n22 mt-md-n24">\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 red 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 shadow-lg text-center">\n                <div class="card-body">\n                  <img src="/assets/img/icons/lineal/shopping-basket.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                  <h4 class="card-title">Basic Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price price-show"><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"><span class="price-currency">$</span><span class="price-value">99</span> <span class="price-duration">yr</span></div>\n                  </div>\n                  <!--/.prices -->\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-times bullet-soft-red"></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">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 shadow-lg text-center">\n                <div class="card-body">\n                  <img src="/assets/img/icons/lineal/home.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                  <h4 class="card-title">Premium Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price price-show"><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"><span class="price-currency">$</span><span class="price-value">199</span> <span class="price-duration">yr</span></div>\n                  </div>\n                  <!--/.prices -->\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-times bullet-soft-red"></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 shadow-lg text-center">\n                <div class="card-body">\n                  <img src="/assets/img/icons/lineal/briefcase-2.svg" class="svg-inject icon-svg icon-svg-md text-primary mb-3" alt="" />\n                  <h4 class="card-title">Corporate Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price price-show"><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"><span class="price-currency">$</span><span class="price-value">499</span> <span class="price-duration">yr</span></div>\n                  </div>\n                  <!--/.prices -->\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>\n      <!-- /.container -->\n    </section>