    <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/sy-authetic-packaging-uganda-1-2.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="mb-0 animate__animated animate__fadeInDown">Custom Packaging That Speaks for Your Brand</h2>
                <p class="animate__animated animate__fadeInUp">We design and manufacture custom packaging that makes your product unforgettable.</p>
                <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Packaging Solutions</a>
              </div>
            </div>
          </div>

          <!-- Slide 2 -->
          <div class="carousel-item" style="background-image: url('assets/images/slides/sy-authetic-packaging-uganda-4.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="mb-0 animate__animated animate__fadeInDown">Elevate Your Brand,<br/> Inspire Your Audience</h2>
                <p class="animate__animated animate__fadeInUp">Your brand deserves to stand out—we bring it to life with creative and effective branding solutions.</p>
                <a href="branding" class="btn-get-started animate__animated animate__fadeInUp scrollto">Branding Solutions</a>
              </div>
            </div>
          </div>

          <!-- Slide 3 -->
          <div class="carousel-item" style="background-image: url('assets/images/slides/sy-authetic-packaging-uganda-3.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="mb-0 animate__animated animate__fadeInDown">	Precision Printing for Maximum Impact</h2>
                <p class="animate__animated animate__fadeInUp">From business essentials to marketing materials, our printing solutions help your business communicate effectively</p>
                <a href="printing" class="btn-get-started animate__animated animate__fadeInUp scrollto">Printing</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>
