<div class="zb-element zb-el-container {{ shortcode.options.class }}">
  <div class="zb-column--3 zb-column zb-element zb-el-zionColumn"></div>
  <div class="zb-column--9 zb-column zb-element zb-el-zionColumn">
    <div class="zb-element zb-el-container ajs__element fadeInUp animated" data-ajs-animation="fadeInUp">
      <p class="linear_gradient zb-element zb-el-zionHeading">{{ shortcode.options.number1 }}</p>
      <div class="sub-linear_gradient zb-element zb-el-zionText">
        <h3>{{ shortcode.options.text1 }}</h3>
      </div>
    </div>

    <div class="zb-element zb-el-container">
      <div class="zb-element zb-el-container ajs__element fadeInUp animated" data-ajs-animation="fadeInUp">
        <p class="linear_gradient zb-element zb-el-zionHeading">{{ shortcode.options.number2 }}</p>
        <div class="sub-linear_gradient zb-element zb-el-zionText">
          <h3>{{ shortcode.options.text2 }}</h3>
        </div>
      </div>

      <div class="zb-element zb-el-container ajs__element fadeInUp animated" data-ajs-animation="fadeInUp">
        <p class="linear_gradient zb-element zb-el-zionHeading">{{ shortcode.options.number3 }}</p>
        <div class="sub-linear_gradient zb-element zb-el-zionText">
          <h3>{{ shortcode.options.text3 }}</h3>
        </div>
      </div>
    </div>

    <div class="zb-element zb-el-container">
      <p class="linear_gradient filter zb-element zb-el-zionHeading">{{ shortcode.options.number4 }}</p>
      <div class="sub-linear_gradient zb-element zb-el-zionText">
        <h3>{{ shortcode.options.text4 }}</h3>
      </div>
    </div>
  </div>
</div>

