<section class="offer-section" data-type="background" data-speed="10">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12">
        <h2 class="wow fadeIn section-headline text-center">What We Offer</h2>
      </div>
    </div>

    <div class="offer-slider wow fadeIn">
      <?php
      $query = new WP_Query( array( 'post_type' => 'specials' ) );
      while ($query->have_posts()) : $query->the_post(); ?>
      <div class="special-slide">
        <div class="row">
          <div class="col-md-6">
            <?php the_post_thumbnail(); ?>
          </div>
          <div class="col-md-6 align-items-center">
            <div class="offer-text">
              <h2><?php the_title(); ?></h2>
              <?php the_content(); ?>
              <h3><?php the_field('price'); ?></h3>
              <br>
            </div>
          </div>
        </div>
      </div>
    <?php endwhile; ?>
    <?php wp_reset_postdata(); ?>
  </div>
</div>
</section>
