<!-- 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 -->
<!-- JS Implementing Plugins -->
<!-- bundlejs:vendor [..] -->
<script src="../assets/vendor/fslightbox/index.js"></script>