Our mission is to make work meaningful

              
                <!-- Hero -->
                <div class="overflow-hidden">
                  <div class="container content-space-1 content-space-md-2">
                    <div class="row justify-content-sm-center">
                      <div class="col-sm-10 col-md-8 col-lg-7">
                        <!-- Heading -->
                        <div class="text-center mb-7">
                          <h1 class="display-4 text-primary">Our mission is to make work <span class="text-warning">meaningful</span></h1>
                          <p class="lead">We cut through complexity, empowering businesses to challenge the status quo, create unlimited opportunities – and change the world.</p>
                        </div>
                        <!-- End Heading -->
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->

                    <div class="position-relative mb-5">
                      <!-- FancyBox -->
                      <a href="https://www.youtube.com/watch?v=0qisGSwZym4" role="button" data-fslightbox="youtube-video">
                        <img class="img-fluid" src="../assets/img/1920x1080/img1.jpg" alt="Image Description">

                        <div class="position-absolute top-50 start-50 translate-middle">
                          <!-- Fancybox -->
                          <div class="d-flex align-items-center">
                            <div class="flex-shrink-0">
                              <span class="btn btn-icon btn-white text-primary">
                                <i class="bi-play-circle-fill"></i>
                              </span>
                            </div>
                            <div class="flex-grow-1 ms-3">
                              <span class="text-white">Watch our story</span>
                            </div>
                          </div>
                          <!-- End Fancybox -->
                        </div>
                      </a>
                      <!-- End FancyBox -->

                      <!-- Background Shapes -->
                      <div class="position-absolute zi-n1" style="top: -6rem; left: -6rem;">
                        <img src="../assets/svg/components/shape-1.svg" alt="SVG" width="500" style="width: 12rem;">
                      </div>
                      <div class="position-absolute zi-n1" style="bottom: -6rem; right: -7rem;">
                        <img src="../assets/svg/components/shape-7.svg" alt="SVG" width="250">
                      </div>
                      <!-- End Background Shapes -->
                    </div>

                    <div class="text-center">
                      <a class="btn btn-outline-primary" href="../page-careers.html">
                        Join us | Explore roles <i class="bi-chevron-right small ms-1"></i>
                      </a>
                    </div>
                  </div>
                </div>
                <!-- End Hero -->