    <div class="hero-container">
      <div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">

        <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

        <div class="carousel-inner" role="listbox">

          <!-- Slide 1 -->
          <div class="carousel-item active" style="background-image: url('assets/images/slides/Pedal-Business-Solution-1.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="mb-0 animate__animated animate__fadeInDown">Pedal Business Solution</h2>
                <p class="animate__animated animate__fadeInUp">Premier human resource firm dedicated to providing exceptional HR solutions to businesses of all sizes with a commitment to excellence and a passion for people.</p>
                <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Recruitment and Staffing</a>
              </div>
            </div>
          </div>

          <!-- Slide 2 -->
          <div class="carousel-item" style="background-image: url('assets/images/slides/Pedal-Business-Solution-2-1.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="mb-0 animate__animated animate__fadeInDown">Casual Labor Supply and Management</h2>
                <p class="animate__animated animate__fadeInUp">We have curved a niche as the Casual Labour Supplier and Manager of choice. Our service involves the provision, oversight and coordination of temporary and volunteer workers</p>
                <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">HR Consulting</a>
              </div>
            </div>
          </div>

          <!-- Slide 3 -->
          <div class="carousel-item" style="background-image: url('assets/images/slides/Pedal-Business-Solution-3.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="mb-0 animate__animated animate__fadeInDown">	Professional Skills Training</h2>
                <p class="animate__animated animate__fadeInUp">We focus on the development of the competencies and abilities necessary for individuals to excel in their roles as well as soft skills for career development.</p>
                <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Training and Development</a>
              </div>
            </div>
          </div>

        </div>

        <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
          <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
        </a>
        <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
          <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
        </a>

      </div>
    </div>
