<section class="wrapper bg-white">\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-10 mb-md-12">\n          <div class="col-lg-6">\n            <div class="row gx-md-5 gy-5">\n              <div class="col-md-6">\n                <figure class="rounded"><img src="/assets/img/photos/g14.jpg" srcset="/assets/img/photos/g14@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-md-6 align-self-end">\n                <figure class="rounded"><img src="/assets/img/photos/g15.jpg" srcset="/assets/img/photos/g15@2x.jpg 2x" alt=""></figure>\n              </div>\n              <!--/column -->\n              <div class="col-12">\n                <figure class="rounded mx-md-5"><img src="/assets/img/photos/g16.jpg" srcset="/assets/img/photos/g16@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-15 text-uppercase text-muted mb-3">Who Are We?</h2>\n            <h3 class="display-3 ls-sm mb-5">Company that believes in the power of creative strategy.</h3>\n            <p class="mb-6">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed.</p>\n            <div class="row gy-3 gx-xl-8">\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Aenean eu leo quam ornare curabitur blandit tempus.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Nullam quis risus eget urna mollis ornare donec elit.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n              <div class="col-xl-6">\n                <ul class="icon-list bullet-primary mb-0">\n                  <li><span><i class="uil uil-check"></i></span><span>Etiam porta sem malesuada magna mollis euismod.</span></li>\n                  <li class="mt-3"><span><i class="uil uil-check"></i></span><span>Fermentum massa vivamus faucibus amet euismod.</span></li>\n                </ul>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-15 mb-md-18">\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-md text-blue me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Our Vision</h4>\n                <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/award-2.svg" class="svg-inject icon-svg icon-svg-md text-green me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Our Mission</h4>\n                <p class="mb-2">Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/loyalty.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5" alt="" />\n              </div>\n              <div>\n                <h4 class="fs-20 ls-sm">Our Values</h4>\n                <p class="mb-2">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row position-relative mb-15 mb-md-17">\n          <figure class="rounded position-absolute d-none d-lg-block" style="top: 50%; right:0; width: 45%; height: auto; transform: translateY(-50%); z-index:2"><img src="/assets/img/photos/tei1.jpg" srcset="/assets/img/photos/tei1@2x.jpg 2x" alt=""></figure>\n          <div class="col-lg-9 text-center">\n            <div class="card bg-gray">\n              <div class="card-body p-md-10 py-xxl-16">\n                <div class="row gx-0">\n                  <div class="col-lg-8 ps-xl-10">\n                    <span class="ratings five fs-20 mb-3"></span>\n                    <blockquote class="border-0 fs-lg mb-0">\n                      <p>“Donec id elit non mi porta gravida at eget metus. Vivamus mollis est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis porta est non commodo luctus.”</p>\n                      <div class="blockquote-details justify-content-center text-center">\n                        <div class="info p-0">\n                          <h4 class="ls-sm mb-1">Coriss Ambady</h4>\n                          <p class="mb-0">Financial Analyst</p>\n                        </div>\n                      </div>\n                    </blockquote>\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 col-lg-8 col-xl-9 col-xxl-8 mx-auto">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">Our Pricing</h2>\n            <h3 class="display-3 ls-sm mb-10 px-xl-15">We offer great prices and quality service for your business.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="pricing-wrapper mb-10 mb-md-14">\n          <div class="row gx-0 gy-6">\n            <div class="col-md-6 col-lg-3">\n              <div class="pricing card shadow-none">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Basic Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-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                  <ul class="icon-list bullet-green mt-7 mb-8">\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 text-red"></i><span> Weekly <strong>Reports</strong> </span></li>\n                    <li><i class="uil uil-times text-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-soft-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-3">\n              <div class="pricing card shadow-none">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Premium Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-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                  <ul class="icon-list bullet-green 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 text-red"></i><span> 7/24 <strong>Support</strong></span></li>\n                  </ul>\n                  <a href="#" class="btn btn-soft-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-3">\n              <div class="pricing card bg-gray">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Corporate Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-content-start"><span class="price-currency">$</span><span class="price-value">29</span> <span class="price-duration">mo</span></div>\n                  </div>\n                  <!--/.prices -->\n                  <ul class="icon-list bullet-green 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">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n            <!--/column -->\n            <div class="col-md-6 col-lg-3">\n              <div class="pricing card shadow-none">\n                <div class="card-body">\n                  <h4 class="card-title ls-sm">Community Plan</h4>\n                  <div class="prices text-dark">\n                    <div class="price justify-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                  <ul class="icon-list bullet-green mt-7 mb-8">\n                    <li><i class="uil uil-check"></i><span><strong>90</strong> Projects </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>900K</strong> API Access </span></li>\n                    <li><i class="uil uil-check"></i><span><strong>900MB</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-soft-primary rounded">Choose Plan</a>\n                </div>\n                <!--/.card-body -->\n              </div>\n              <!--/.pricing -->\n            </div>\n          </div>\n          <!--/.row -->\n        </div>\n        <!--/.pricing-wrapper -->\n        <div class="row">\n          <div class="col-xl-11 mx-auto">\n            <div class="row gx-md-8 gx-xl-12 gy-10 px-lg-5">\n              <div class="col-lg-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/lineal/check-list.svg" class="svg-inject icon-svg icon-svg-sm text-blue me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">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.</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                    <img src="/assets/img/icons/lineal/wallet.svg" class="svg-inject icon-svg icon-svg-sm text-yellow me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">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.</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                    <img src="/assets/img/icons/lineal/insurance.svg" class="svg-inject icon-svg icon-svg-sm text-pink me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">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.</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                    <img src="/assets/img/icons/lineal/padlock.svg" class="svg-inject icon-svg icon-svg-sm text-green me-5 mt-1" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="fs-20 ls-sm">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.</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>