<div class="{{ block.settings.visibility }}"
  {{ block.shopify_attributes }}
  style="--margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem;--margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;"

>

<div id="aboveTheFold1">

  <div class="abvText">


    
  {% unless block.settings.custom_icon == blank and block.settings.icon == blank %}
        {% if block.settings.custom_icon != blank %}
          <img
            src="{{ block.settings.custom_icon | image_url: height: 30 }}"
            width="auto"
            height="auto"
            loading="lazy"
          >
        {% else %}
          {% render 'material-icon', icon: block.settings.icon, filled: block.settings.filled_icon %}
        {% endif %}
      {% endunless %}


   {{block.settings.text1}}
  </div>
  <div class="abvText shippingDiv">



    
 {% unless block.settings.custom_icon2 == blank and block.settings.icon2 == blank %}
        {% if block.settings.custom_icon2 != blank %}
          <img
            src="{{ block.settings.custom_icon2 | image_url: height: 30 }}"
            width="auto"
            height="auto"
            loading="lazy"
          >
        {% else %}
          {% render 'material-icon', icon: block.settings.icon2, filled: block.settings.filled_icon2 %}
        {% endif %}
      {% endunless %}


   {{block.settings.text2}}
  </div>  
</div>

</div>




<style>

.abvText {
  color: #82a8d3;
  text-align: center;
}

.freeShipping .shippingDiv {
  display: block;
}

#aboveTheFold1 {
  display: grid;
  margin-top: 10px;
}
#aboveTheFold1 {
  grid-auto-flow: column;
  width: 100%;
  justify-content: initial;
  grid-column-gap: 8px;
  margin-bottom: 1rem;
  background: #909aa51f;
  border-radius: 40px;
  font-size: 13px;
  padding: 10px 0px;
  align-items: center;
  font-weight: bold;
}
#aboveTheFold1 .abvText {
  color: black;
  text-align: center;
}

@media screen and (max-width: 749px) {
  .onesizefits {
    display: none;
  }
  #aboveTheFold1 {
    font-size: 14px;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  #aboveTheFold1 {
    font-size: 15px;
  }
}

.croSec #aboveTheFold1 {
  display: grid !important;
}



</style>