<div id="main-slider" class="dl-slider">

  <!-- Slide 1 -->
  <div class="single-slide">
    <div class="bg-img kenburns-top-right" style="background-image: url(img/worker.jpg);"></div>
    <div class="overlay"></div>
    <div class="slider-content-wrap d-flex align-items-center text-left">
      <div class="container">
        <div class="slider-content">
          <div class="dl-caption medium">
            <div class="inner-layer" data-animation="fade-in-right" data-delay="1s">International Trading & Services</div>
          </div>
          <div class="dl-caption big">
            <div class="inner-layer" data-animation="fade-in-left" data-delay="2s">Supplying high-quality</div>
          </div>
          <div class="dl-caption big">
            <div class="inner-layer" data-animation="fade-in-left" data-delay="2.5s">products across UAE & Middle East</div>
          </div>
          <div class="dl-caption small">
            <div class="inner-layer" data-animation="fade-in-left" data-delay="3s">
              Our company specializes in construction materials including <strong>precast concrete</strong>, automotive agencies, and food products, providing reliable solutions to clients across the UAE and Middle East.
            </div>
          </div>
          <div class="dl-btn-group">
            <div class="inner-layer">
              <a href="services-1.php" class="dl-btn" data-animation="fade-in-left" data-delay="3.5s">View Services <i class="arrow_right"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Slide 2 -->
  <div class="single-slide">
    <div class="bg-img kenburns-top-right" style="background-image: url(img/slider-1.jpg);"></div>
    <div class="overlay"></div>
    <div class="slider-content-wrap d-flex align-items-center text-center">
      <div class="container">
        <div class="slider-content">
          <div class="dl-caption medium" data-animation="fade-in-top" data-delay="1s">Professional Solutions</div>
          <div class="dl-caption big" data-animation="fade-in-bottom" data-delay="2s">Expertise in International</div>
          <div class="dl-caption big" data-animation="fade-in-bottom" data-delay="2.5s">Trade & Industrial Services</div>
          <div class="dl-caption small" data-animation="fade-in-bottom" data-delay="3s">
            Since 1980, Abrar Al Sharq has delivered reliable products and tailored solutions to clients across UAE, Iraq, and the Middle East.
          </div>
          <div class="dl-btn-group">
            <div class="inner-layer">
              <a href="projects.php" class="dl-btn" data-animation="fade-in-bottom" data-delay="3.5s">View Projects <i class="arrow_right"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Slide 3 -->
  <div class="single-slide">
    <div class="bg-img kenburns-top-right" style="background-image: url(img/slider-3.jpg);"></div>
    <div class="overlay"></div>
    <div class="slider-content-wrap d-flex align-items-center text-right">
      <div class="container">
        <div class="slider-content">
          <div class="dl-caption medium" data-animation="fade-in-left" data-delay="1s">Customer-Focused</div>
          <div class="dl-caption big" data-animation="fade-in-right" data-delay="2s">Delivering Reliable</div>
          <div class="dl-caption big" data-animation="fade-in-right" data-delay="2.5s">Products & Services</div>
          <div class="dl-caption small" data-animation="fade-in-right" data-delay="3s">
            Abrar Al Sharq provides construction materials, vehicles, and food products with professional service and a strong international network.
          </div>
          <div class="dl-btn-group">
            <div class="inner-layer">
              <a href="contact.php" class="dl-btn" data-animation="fade-in-right" data-delay="3.5s">Contact Us <i class="arrow_right"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
