<div class="c-package c-package--crea">
  <div class="c-package--crea__title">
    <h3 class="c-package--crea__hed">For sale in this area</h3>
    <p class="c-package--crea__dek">View the nearby listings below. Clicking on the map will take you to the listings below.</p>
    <div class="c-package--crea__logo">
      Powered By
      <img class="c-package--crea__logo__img" src="{{ basePath }}/assets/patterns/images/realtor-logo-red.png" alt="Realtor Logo" />
    </div>
  </div>

  <div class="c-package--crea__map">
    (map)
  </div>

  <div class="c-package--crea__stories">
    {{#each stories}}
        {{> card-grid this }}
          {{~#ifCond @index "==" 4~}}
            </div>
            <div class="c-package--crea__more-stories">
          {{~/ifCond~}}

    {{/each}}
  </div>

  <button class="c-package--crea__load-more c-button c-button--grey-secondary js-crea-load-more" type="button">
    <span class="c-button__text"> Load More </span>
  </button>

  <p class="c-package--crea__legal-text">The trademarks REALTOR®, REALTORS®, and the REALTOR® logo are controlled by CREA and identify real estate professionals who are members of CREA.</p>

</div>
