<header class="wrapper bg-soft-primary">\n      <div class="alert bg-primary text-white alert-dismissible fade show rounded-0 mb-1 text-lg-center" role="alert">\n        <div class="container">\n          <div class="alert-inner d-flex justify-content-center align-items-center p-0">\n            <span class="badge badge-lg bg-white text-primary text-uppercase rounded me-2">Update</span> New version of our product is finally <a href="#" class="alert-link link-white hover ms-1">here</a>!\n          </div>\n          <!-- /.alert-inner -->\n        </div>\n        <!-- /.container -->\n        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n      </div>\n      <!-- /.alert -->\n      <nav class="navbar navbar-expand-lg classic transparent navbar-light">\n        <div class="container flex-lg-row flex-nowrap align-items-center">\n          <div class="navbar-brand w-100">\n            <a href="/index.html">\n              <img src="/assets/img/logo-dark.png" srcset="/assets/img/logo-dark@2x.png 2x" alt="" />\n            </a>\n          </div>\n          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">\n            <div class="offcanvas-header d-lg-none">\n              <h3 class="text-white fs-30 mb-0">Simeya</h3>\n              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n            </div>\n            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">\n              <ul class="navbar-nav">\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Templates</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content mega-menu-scroll">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=1">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi1.jpg" srcset="/assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 1</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=2">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi2.jpg" srcset="/assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 2</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=3">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi3.jpg" srcset="/assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 3</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=4">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi4.jpg" srcset="/assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 4</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=5">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi5.jpg" srcset="/assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 5</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=6">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi6.jpg" srcset="/assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 6</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=7">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi7.jpg" srcset="/assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 7</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=8">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi8.jpg" srcset="/assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 8</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=9">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi9.jpg" srcset="/assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 9</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=10">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi10.jpg" srcset="/assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 10</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=11">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi11.jpg" srcset="/assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 11</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=12">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi12.jpg" srcset="/assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 12</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=13">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi13.jpg" srcset="/assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 13</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=14">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi14.jpg" srcset="/assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 14</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=15">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi15.jpg" srcset="/assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 15</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=16">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi16.jpg" srcset="/assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 16</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=17">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi17.jpg" srcset="/assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 17</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=18">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi18.jpg" srcset="/assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 18</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=19">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi19.jpg" srcset="/assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 19</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=20">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi20.jpg" srcset="/assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 20</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=21">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi21.jpg" srcset="/assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 21</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=22">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi22.jpg" srcset="/assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 22</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=23">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi23.jpg" srcset="/assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 23</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=24">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi24.jpg" srcset="/assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 24</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=25">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi25.jpg" srcset="/assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 25</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=26">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi26.jpg" srcset="/assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 26</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=27">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi27.jpg" srcset="/assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 27</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=28">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi28.jpg" srcset="/assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 28</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=29">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi29.jpg" srcset="/assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 29</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=30">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi30.jpg" srcset="/assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 30</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=31">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi31.jpg" srcset="/assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 31</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=32">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi32.jpg" srcset="/assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 32</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=33">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi33.jpg" srcset="/assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 33</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=34">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi34.jpg" srcset="/assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 34</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=35">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi35.jpg" srcset="/assets/img/demos/mi35@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 35</span>\n                          </a>\n                        </li>\n                        <li class="col">\n                          <a class="dropdown-item" href="/templates/preview.php?template_id=36">\n                            <figure class="rounded lift d-none d-lg-block"><img src="/assets/img/demos/mi36.jpg" srcset="/assets/img/demos/mi36@2x.jpg 2x" alt=""></figure>\n                            <span class="d-lg-none">Demo 36</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                      <span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>\n                  <ul class="dropdown-menu">\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/services.html">Services I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/services2.html">Services II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/about.html">About I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/about2.html">About II</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/shop.html">Shop I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop2.html">Shop II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-product.html">Product Page</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-cart.html">Shopping Cart</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/shop-checkout.html">Checkout</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/contact.html">Contact I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact2.html">Contact II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/contact3.html">Contact III</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/career.html">Job Listing I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career2.html">Job Listing II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/career-job.html">Job Description</a></li>\n                      </ul>\n                    </li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/404.html">404 Not Found</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/page-loader.html">Page Loader</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin.html">Sign In I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signin2.html">Sign In II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup.html">Sign Up I</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/signup2.html">Sign Up II</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/terms.html">Terms</a></li>\n                      </ul>\n                    </li>\n                    <li class="nav-item"><a class="dropdown-item" href="/pricing.html">Pricing</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/onepage.html">One Page</a></li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>\n                  <div class="dropdown-menu dropdown-lg">\n                    <div class="dropdown-lg-content">\n                      <div>\n                        <h6 class="dropdown-header">Project Pages</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/projects.html">Projects I</a></li>\n                          <li><a class="dropdown-item" href="/projects2.html">Projects II</a></li>\n                          <li><a class="dropdown-item" href="/projects3.html">Projects III</a></li>\n                          <li><a class="dropdown-item" href="/projects4.html">Projects IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                      <div>\n                        <h6 class="dropdown-header">Single Projects</h6>\n                        <ul class="list-unstyled">\n                          <li><a class="dropdown-item" href="/single-project.html">Single Project I</a></li>\n                          <li><a class="dropdown-item" href="/single-project2.html">Single Project II</a></li>\n                          <li><a class="dropdown-item" href="/single-project3.html">Single Project III</a></li>\n                          <li><a class="dropdown-item" href="/single-project4.html">Single Project IV</a></li>\n                        </ul>\n                      </div>\n                      <!-- /.column -->\n                    </div>\n                    <!-- /auto-column -->\n                  </div>\n                </li>\n                <li class="nav-item dropdown">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>\n                  <ul class="dropdown-menu">\n                    <li class="nav-item"><a class="dropdown-item" href="/blog.html">Blog without Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog2.html">Blog with Sidebar</a></li>\n                    <li class="nav-item"><a class="dropdown-item" href="/blog3.html">Blog with Left Sidebar</a></li>\n                    <li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>\n                      <ul class="dropdown-menu">\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post.html">Post without Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post2.html">Post with Sidebar</a></li>\n                        <li class="nav-item"><a class="dropdown-item" href="/blog-post3.html">Post with Left Sidebar</a></li>\n                      </ul>\n                    </li>\n                  </ul>\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>\n                  <ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">\n                    <li class="mega-menu-content">\n                      <ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/about.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block1.svg" alt=""></div>\n                            <span>About</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/blog.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block2.svg" alt=""></div>\n                            <span>Blog</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/call-to-action.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block3.svg" alt=""></div>\n                            <span>Call to Action</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/clients.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block4.svg" alt=""></div>\n                            <span>Clients</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/contact.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block5.svg" alt=""></div>\n                            <span>Contact</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/facts.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block6.svg" alt=""></div>\n                            <span>Facts</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/faq.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block7.svg" alt=""></div>\n                            <span>FAQ</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/features.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block8.svg" alt=""></div>\n                            <span>Features</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/footer.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block9.svg" alt=""></div>\n                            <span>Footer</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/hero.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block10.svg" alt=""></div>\n                            <span>Hero</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/misc.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block17.svg" alt=""></div>\n                            <span>Misc</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/navbar.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block11.svg" alt=""></div>\n                            <span>Navbar</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/portfolio.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block12.svg" alt=""></div>\n                            <span>Portfolio</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/pricing.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block13.svg" alt=""></div>\n                            <span>Pricing</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/process.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block14.svg" alt=""></div>\n                            <span>Process</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/team.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block15.svg" alt=""></div>\n                            <span>Team</span>\n                          </a>\n                        </li>\n                        <li class="col"><a class="dropdown-item" href="/docs/blocks/testimonials.html">\n                            <div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="/assets/img/demos/block16.svg" alt=""></div>\n                            <span>Testimonials</span>\n                          </a>\n                        </li>\n                      </ul>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n                <li class="nav-item dropdown dropdown-mega">\n                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>\n                  <ul class="dropdown-menu mega-menu">\n                    <li class="mega-menu-content">\n                      <div class="row gx-0 gx-lg-3">\n                        <div class="col-lg-4">\n                          <h6 class="dropdown-header">Usage</h6>\n                          <ul class="list-unstyled cc-2 pb-lg-1">\n                            <li><a class="dropdown-item" href="/docs/index.html">Get Started</a></li>\n                            <li><a class="dropdown-item" href="/docs/forms.html">Forms</a></li>\n                            <li><a class="dropdown-item" href="/docs/faq.html">FAQ</a></li>\n                            <li><a class="dropdown-item" href="/docs/changelog.html">Changelog</a></li>\n                            <li><a class="dropdown-item" href="/docs/credits.html">Credits</a></li>\n                          </ul>\n                          <h6 class="dropdown-header mt-lg-6">Styleguide</h6>\n                          <ul class="list-unstyled cc-2">\n                            <li><a class="dropdown-item" href="/docs/styleguide/colors.html">Colors</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/fonts.html">Fonts</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-svg.html">SVG Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/icons-font.html">Font Icons</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/illustrations.html">Illustrations</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/backgrounds.html">Backgrounds</a></li>\n                            <li><a class="dropdown-item" href="/docs/styleguide/misc.html">Misc</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                        <div class="col-lg-8">\n                          <h6 class="dropdown-header">Elements</h6>\n                          <ul class="list-unstyled cc-3">\n                            <li><a class="dropdown-item" href="/docs/elements/accordion.html">Accordion</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/alerts.html">Alerts</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/animations.html">Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/avatars.html">Avatars</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/background.html">Background</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/badges.html">Badges</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/buttons.html">Buttons</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/card.html">Card</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/carousel.html">Carousel</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/dividers.html">Dividers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/form-elements.html">Form Elements</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-hover.html">Image Hover</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/image-mask.html">Image Mask</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/lightbox.html">Lightbox</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/player.html">Media Player</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/modal.html">Modal</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/pagination.html">Pagination</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/progressbar.html">Progressbar</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shadows.html">Shadows</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/shapes.html">Shapes</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tables.html">Tables</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tabs.html">Tabs</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-animations.html">Text Animations</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/text-highlight.html">Text Highlight</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tiles.html">Tiles</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>\n                            <li><a class="dropdown-item" href="/docs/elements/typography.html">Typography</a></li>\n                          </ul>\n                        </div>\n                        <!--/column -->\n                      </div>\n                      <!--/.row -->\n                    </li>\n                    <!--/.mega-menu-content-->\n                  </ul>\n                  <!--/.dropdown-menu -->\n                </li>\n              </ul>\n              <!-- /.navbar-nav -->\n              <div class="offcanvas-footer d-lg-none">\n                <div>\n                  <a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>\n                  <br /> 00 (123) 456 78 90 <br />\n                  <nav class="nav social social-white mt-4">\n                    <a href="#"><i class="uil uil-twitter"></i></a>\n                    <a href="#"><i class="uil uil-facebook-f"></i></a>\n                    <a href="#"><i class="uil uil-dribbble"></i></a>\n                    <a href="#"><i class="uil uil-instagram"></i></a>\n                    <a href="#"><i class="uil uil-youtube"></i></a>\n                  </nav>\n                  <!-- /.social -->\n                </div>\n              </div>\n              <!-- /.offcanvas-footer -->\n            </div>\n            <!-- /.offcanvas-body -->\n          </div>\n          <!-- /.navbar-collapse -->\n          <div class="navbar-other ms-lg-4">\n            <ul class="navbar-nav flex-row align-items-center ms-auto">\n              <li class="nav-item d-none d-md-block">\n                <a href="#" class="btn btn-sm btn-primary rounded">Free Trial</a>\n              </li>\n              <li class="nav-item d-lg-none">\n                <button class="hamburger offcanvas-nav-btn"><span></span></button>\n              </li>\n            </ul>\n            <!-- /.navbar-nav -->\n          </div>\n          <!-- /.navbar-other -->\n        </div>\n        <!-- /.container -->\n      </nav>\n      <!-- /.navbar -->\n    </header>