<div class="bg-primary">
                                <div class="container">
                                  <!-- row -->
                                  <div class="row align-items-center g-0">
                                    <div class="col-xl-6 col-lg-6 col-md-12">
                                      <!-- heading -->
                                      <div>
                                        <h1 class="text-white display-4 fw-bold pe-lg-8">Join the Geeks team &amp; shape the future of design
                                        </h1>
                                        <!-- text -->
                                        <p class="text-white-50 mb-4 lead">
                                          If you’re passionate and ready to dive in, we’d love to meet you. We’re committed to supporting our
                                          employee professional development and well-being.
                                        </p>
                                        <!-- btn -->
                                        <a href="#" class="btn btn-dark">View opportunities</a>
                                      </div>
                                    </div>
                                    <!-- img -->
                                    <div class=" col-xl-6 col-lg-6 col-md-12 text-lg-end text-center pt-6">
                                      <img src="../assets/images/hero/hero-img.png" alt="" class="img-fluid">
                                    </div>
                                  </div>
                                </div>
                              </div>

<div class="py-lg-16 py-10 bg-dark" style="background: url(../../assets/images/background/course-graphics.svg)no-repeat; background-size: cover; background-position: top center">
                                    <div class="container">
                                      <!-- row -->
                                      <div class="row justify-content-center text-center">
                                        <div class="col-md-9 col-12">
                                          <!-- heading -->
                                          <h2 class="display-4 text-white">Join more than 1 million learners worldwide</h2>
                                          <p class="lead text-white px-lg-12 mb-6">Effective learning starts with assessment. Learning a new skill is
                                            hard work—Signal makes it easier.</p>
                                          <!-- button -->
                                          <div class="d-grid d-md-block">
                                            <a href="#" class="btn btn-primary mb-2 mb-md-0">Start Learning for Free</a>
                                            <a href="#" class="btn btn-info">Geeks for Business</a>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>

<div class="my-4">
                                    <div class="container">
                                      <div class="row">
                                        <div class="offset-xl-1 col-xl-10 col-12 ">
                                      <div class="row px-3 pt-3 pb-0 pe-lg-0 pt-lg-5 align-items-center
                                      rounded-3 border smooth-shadow-sm">
                                        <div class="col-lg-6 p-4 p-md-6 pt-lg-0">
                                          <h1 class="display-4 fw-bold lh-1 mb-3">Get early access</h1>
                                          <p class="lead mb-5">Geeks is currently invite only. Sign up to the
                                            waitlist to be the first to try out Geeks and
                                            stay in the loop.
                                            </p>
                                            <form class="row">
                                              <div class="mb-3 col-md-7 col-12">
                                                <input type="email" class="form-control" placeholder="Work Email" required="">
                                              </div>
                                              <div class="d-grid mb-3 col-md-5 col-12 ps-md-0">
                                                <button class="btn btn-primary" type="submit">Request Access</button>
                                              </div>


                                            </form>
                                        </div>
                                        <div class="col-lg-5 offset-lg-1 p-0 overflow-hidden shadow-lg rounded-end-md">
                                               <!-- Img -->
                                          <img class="rounded-top-md card-img-size-600"
                                            src="../../assets/images/background/analytics.jpg" alt="" >
                                        </div>
                                      </div>
                                      </div>
                                      </div>
                                    </div>
                                  </div>