Design agency that inspires

              
                <!-- Hero -->
                <div class="overflow-hidden">
                  <div class="container content-space-t-4 content-space-b-3">
                    <div class="row justify-content-lg-between align-items-md-center">
                      <div class="col-md-6 col-lg-5 mb-7 mb-md-0">
                        <!-- Heading -->
                        <div class="mb-5">
                          <span class="text-cap">Who we are?</span>
                          <h1 class="display-4 mb-3">Design agency that inspires</h1>
                          <p class="lead">Our team aims to deliver the most outstanding work in every pixel.</p>
                        </div>
                        <!-- End Title & Description -->

                        <div class="d-grid d-sm-flex gap-3">
                          <a class="btn btn-primary btn-transition" href="#caseStudies">Case studies</a>
                          <a class="btn btn-link" href="#">Learn more <i class="bi-chevron-right small ms-1"></i></a>
                        </div>
                      </div>
                      <!-- End Col -->

                      <div class="col-md-6">
                        <div class="position-relative">
                          <img class="img-fluid rounded-2" src="../assets/svg/components/card-10.svg" alt="Image Description">
                          <div class="position-absolute top-0 end-0 w-100 h-100 bg-soft-primary rounded-2 zi-n1 mt-5 me-n5"></div>
                        </div>
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End Hero -->