<div class="yellow-paws-bg" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 500">
  <div class="paws-bg uk-padding-large uk-padding-remove-horizontal">
    <div class="uk-container uk-container-large">
      <div class="uk-text-center">
        <img class="walk-icon" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/dog-cat-walk-icon.webp" data-width data-height>
      </div>
      <h2 class="uk-text-center uk-margin-remove-bottom">Get in Touch with Us</h2>
      <P class="uk-margin-remove-top uk-text-center">Schedule Your Pet’s Grooming Appointment and See the Difference</P>

      <div class="uk-child-width-1-4@m" uk-grid uk-height-match="target: > div > .white-box" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 500">
        <div>
          <div class=" uk-margin-large-top white-box uk-inline uk-text-center uk-padding uk-width-1-1">
            <div class="white-box-icon">
              <i class="fa-duotone fa-solid fa-phone-office" style="--fa-primary-color: #005b90; --fa-secondary-color: #FF7500; --fa-secondary-opacity: 1;"></i>
            </div>
            <h5 class="uk-margin-medium-bottom">Call Us</h5>
            <h4 class=" blue">807-633-2873</h4>
          </div>
        </div>

        <div>
          <div class=" uk-margin-large-top white-box uk-inline uk-text-center uk-padding uk-width-1-1">
            <div class="white-box-icon">
              <i class="fa-duotone fa-solid fa-file-pen" style="--fa-primary-color: #FF7500; --fa-secondary-color: #005b90; --fa-secondary-opacity: 1;"></i>
            </div>
            <h5 class="uk-margin-medium-bottom">Book an Appointment</h5>
            <a href="<?php echo home_url(); ?>/book-now/" class="orange-btn">BOOK NOW</a>
          </div>
        </div>

        <div>
          <div class=" uk-margin-large-top white-box uk-inline uk-text-center uk-padding uk-width-1-1">
            <div class="white-box-icon">
              <i class="fa-solid fa-location-dot orange"></i>
            </div>
            <h5 class="uk-margin-medium-bottom">Address</h5>
            <h4 class=" blue">6534 Dawson Rd Kaministiquia, ON</h4>
            <P>20 minutes West of Thunder Bay</P>
          </div>
        </div>

        <div>
          <div class=" uk-margin-large-top white-box uk-inline uk-text-center uk-padding uk-width-1-1">
            <div class="white-box-icon">
              <i class="fa-duotone fa-solid fa-clock-desk" style="--fa-primary-color: #FF7500; --fa-secondary-color: #005b90; --fa-secondary-opacity: 1;"></i>
            </div>
            <h5 class="uk-margin-medium-bottom">Open Hours</h5>
			<?= get_field('hours', 7);?>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
