<!-- Hero Section -->
            <div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll" data-options='{direction: "normal"}'>
              <!-- Apply your Parallax background image here -->
              <div class="divimage dzsparallaxer--target bg-img-hero" style="height: 120%; background-image: url(../../assets/img/1920x800/img4.jpg);"></div>

              <div class="container text-center space-2 space-3--lg">
                <div class="w-md-75 mx-md-auto">
                  <div class="mb-6">
                    <h2 class="h1 text-white">Start a career that makes an impact</h2>
                    <p class="lead text-white">Your career can change the financial future of millions of people.</p>
                  </div>
                  <a class="btn btn-light btn-wide" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Get Started</a>
                </div>
              </div>
            </div>
            <!-- End Hero Section -->