<div class="zb-element zb-el-container {{ shortcode.options.class }}">

  <div class="zb-column--3 zb-column zb-element zb-el-zionColumn">
    <div class="icon_image zb-element zb-el-zionImage">
      <div><img loading="lazy" decoding="async" ng-src="{{ shortcode.options.img1 }}" class="attachment-full size-full" alt="{{ shortcode.options.heading1 }}"></div>
    </div>
    <h3 class="h3_text_gradient zb-element zb-el-zionHeading">{{ shortcode.options.heading1 }}</h3>
    <div class="text_sub_gradient zb-element zb-el-zionText"><p>{{ shortcode.options.text1 }}</p></div>
    <div class="zb-el-zionButton--align--center button_more zb-element zb-el-zionButton">
      <a ng-href="{{ shortcode.options.btn_url1 }}" class="zb-el-button"><span class="zb-el-button__text">{{ shortcode.options.btn_text1 }}</span></a>
    </div>
  </div>

  <div class="zb-column--3 zb-column zb-element zb-el-zionColumn">
    <div class="icon_image zb-element zb-el-zionImage">
      <div><img loading="lazy" decoding="async" ng-src="{{ shortcode.options.img2 }}" class="attachment-full size-full" alt="{{ shortcode.options.heading2 }}"></div>
    </div>
    <h3 class="h3_text_gradient zb-element zb-el-zionHeading">{{ shortcode.options.heading2 }}</h3>
    <div class="text_sub_gradient zb-element zb-el-zionText"><p>{{ shortcode.options.text2 }}</p></div>
    <div class="zb-el-zionButton--align--center button_more zb-element zb-el-zionButton">
      <a ng-href="{{ shortcode.options.btn_url2 }}" class="zb-el-button"><span class="zb-el-button__text">{{ shortcode.options.btn_text2 }}</span></a>
    </div>
  </div>

  <div class="zb-column--3 zb-column zb-element zb-el-zionColumn">
    <div class="icon_image zb-element zb-el-zionImage">
      <div><img loading="lazy" decoding="async" ng-src="{{ shortcode.options.img3 }}" class="attachment-full size-full" alt="{{ shortcode.options.heading3 }}"></div>
    </div>
    <h3 class="h3_text_gradient zb-element zb-el-zionHeading">{{ shortcode.options.heading3 }}</h3>
    <div class="text_sub_gradient zb-element zb-el-zionText"><p>{{ shortcode.options.text3 }}</p></div>
    <div class="zb-el-zionButton--align--center button_more zb-element zb-el-zionButton">
      <a ng-href="{{ shortcode.options.btn_url3 }}" class="zb-el-button"><span class="zb-el-button__text">{{ shortcode.options.btn_text3 }}</span></a>
    </div>
  </div>

  <div class="zb-column--3 zb-column zb-element zb-el-zionColumn">
    <div class="icon_image zb-element zb-el-zionImage">
      <div><img loading="lazy" decoding="async" ng-src="{{ shortcode.options.img4 }}" class="attachment-full size-full" alt="{{ shortcode.options.heading4 }}"></div>
    </div>
    <h3 class="h3_text_gradient zb-element zb-el-zionHeading">{{ shortcode.options.heading4 }}</h3>
    <div class="text_sub_gradient zb-element zb-el-zionText"><p>{{ shortcode.options.text4 }}</p></div>
    <div class="zb-el-zionButton--align--center button_more zb-element zb-el-zionButton">
      <a ng-href="{{ shortcode.options.btn_url4 }}" class="zb-el-button"><span class="zb-el-button__text">{{ shortcode.options.btn_text4 }}</span></a>
    </div>
  </div>

</div>
