<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="card shadow-lg mt-n21 mt-md-n23">\n          <div class="row gx-0">\n            <div class="col-lg-6 image-wrapper bg-image bg-cover rounded-top rounded-lg-start" data-image-src="/assets/img/photos/tm2.jpg">\n            </div>\n            <!--/column -->\n            <div class="col-lg-6">\n              <div class="p-10 p-md-11 px-lg-13 py-lg-14">\n                <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true">\n                  <div class="swiper">\n                    <div class="swiper-wrapper">\n                      <div class="swiper-slide text-center">\n                        <span class="ratings five mt-4 mb-3"></span>\n                        <blockquote class="border-0 fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">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 text-center">\n                        <span class="ratings five mt-4 mb-3"></span>\n                        <blockquote class="border-0 fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">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 text-center">\n                        <span class="ratings five mt-4 mb-3"></span>\n                        <blockquote class="border-0 fs-lg text-center">\n                          <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum ligula porta felis euismod semper. Cras justo odio.”</p>\n                          <div class="blockquote-details justify-content-center text-center">\n                            <div class="info ps-0">\n                              <h5 class="mb-1">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              <!--/div -->\n            </div>\n            <!--/column -->\n          </div>\n          <!--/.row -->\n        </div>\n        <!-- /.card -->\n        <div class="row mt-17">\n          <div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center">\n            <h2 class="fs-16 text-uppercase text-muted mb-3">Latest Projects</h2>\n            <h3 class="display-3 mb-10">Check out some of our awesome projects with <span class="underline-3 style-2 yellow">creative</span> ideas and great design.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="swiper-container grid-view" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">\n          <div class="swiper">\n            <div class="swiper-wrapper">\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd7.jpg" srcset="/assets/img/photos/pd7@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                    <div class="post-category text-ash">Stationary</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd8.jpg" srcset="/assets/img/photos/pd8@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project2.html" class="link-dark">Mollis Ipsum Mattis</a></h2>\n                    <div class="post-category text-ash">Magazine, Book</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd9.jpg" srcset="/assets/img/photos/pd9@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project3.html" class="link-dark">Ipsum Ultricies Cursus</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd10.jpg" srcset="/assets/img/photos/pd10@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project.html" class="link-dark">Inceptos Euismod Egestas</a></h2>\n                    <div class="post-category text-ash">Stationary, Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd11.jpg" srcset="/assets/img/photos/pd11@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project2.html" class="link-dark">Ipsum Mollis Vulputate</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n              <div class="swiper-slide">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd12.jpg" srcset="/assets/img/photos/pd12@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3"><a href="/single-project3.html" class="link-dark">Porta Ornare Cras</a></h2>\n                    <div class="post-category text-ash">Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!--/.swiper-slide -->\n            </div>\n            <!--/.swiper-wrapper -->\n          </div>\n          <!-- /.swiper -->\n        </div>\n        <!-- /.swiper-container -->\n        <div class="row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mt-17">\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-3 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                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Creativity</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/bulb.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-violet me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Innovative Thinking</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-orange me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Rapid Solutions</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/headphone.svg" class="svg-inject icon-svg icon-svg-xs solid-mono text-green me-4" alt="" />\n                  </div>\n                  <div>\n                    <h4 class="mb-1">Top-Notch Support</h4>\n                    <p class="mb-0">Curabitur blandit lacus porttitor ridiculus mus.</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>