{% assign hex2rgb_r = '' %}
        {% assign hex2rgb_g = '' %}
        {% assign hex2rgb_b = '' %} 
        {% assign hex2rgb_hex = block.settings.bg_color_html %}
        {% include 'hex2rgb' %}
        


    <div data-animation_name="{{ block.settings.animation_name }}" data-animation_delay="{{ block.settings.animation_delay }}" class="{% if block.settings.animation_name != 'noeffect' %}scroll_animation {% endif %}grid_html_color {{block.settings.ric_GridWidth}} flexItem grid_sections" style="padding: 0px; border: 0px; margin: 0px; background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_html }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style ="padding: {{block.settings.ric_PaddingTop}}px {{block.settings.ric_PaddingRight}}px {{block.settings.ric_PaddingBottom}}px {{block.settings.ric_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.ric_PaddingTop}}px {{block.settings.ric_PaddingRight}}px {{block.settings.ric_PaddingBottom}}px {{block.settings.ric_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_ric_PaddingTop}}px {{block.settings.mob_ric_PaddingRight}}px {{block.settings.mob_ric_PaddingBottom}}px {{block.settings.mob_ric_PaddingLeft}}px;">
              <div class="contnet_grid_html {% if block.settings.text_color_html != blank %}no_general_content{% endif %}" style="color:{{block.settings.text_color_html}};">
                  {{ block.settings.Gridhtml }}
                  {% if block.settings.GridHtmlBtn != blank %}
                    <div class=" text-{{block.settings.Html_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridHtmlBtnLink}}">{{block.settings.GridHtmlBtn}}</a></div>
                  {% endif %}
              </div>
              {% if block.settings.product_grid_4 != blank %}
                {%- assign product = all_products[block.settings.product_grid_4] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_4 %}
              {% endif %}
        </div>
    </div>