{{#each data.footerSections}}
  {{#if footerCommunicationLinks}}
    <section class="cux-footer-communicate">
    <div class="container">
      {{#each footerCommunicationLinks}}
        {{#if link}}
        <a href="{{link}}" class="{{className}}">
        {{else}}
        <div class="{{className}}">
        {{/if}}
        <h3>{{heading}}</h3>
        <div class="icons">
          {{#if links}}
            {{#each links}}
              <a href="{{link}}" title="{{text}}" class="{{iconClass}}" aria-label="{{iconClass}} icon">
                {{>icon_svg name=iconClass}}
              </a>
            {{/each}}
          {{else}}
            {{#is iconClass 'mobile-app'}}
              {{>icon_mobile_app}}
            {{else}}
              {{>icon_svg name=iconClass}}
            {{/is}}
          {{/if}}
        </div>
        {{#if text}}
          <p>{{text}}</p>
        {{/if}}
        {{#if link}}
        </a>
        {{else}}
        </div>
        {{/if}}
      {{/each}}
      </div>
    </section>
  {{/if}}
{{/each}}