{% assign hex2rgb_r = '' %}
    {% assign hex2rgb_g = '' %}
    {% assign hex2rgb_b = '' %} 
    {% assign hex2rgb_hex = block.settings.bg_color_text %}
    {% 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 %}{{block.settings.rich_GridWidth}} flexItem grid_sections text-{{block.settings.txt_Align}}" style="padding: 0px; border: 0px; margin: 0px;  background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_text }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style ="padding: {{block.settings.rich_PaddingTop}}px {{block.settings.rich_PaddingRight}}px {{block.settings.rich_PaddingBottom}}px {{block.settings.rich_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.rich_PaddingTop}}px {{block.settings.rich_PaddingRight}}px {{block.settings.rich_PaddingBottom}}px {{block.settings.rich_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_rich_PaddingTop}}px {{block.settings.mob_rich_PaddingRight}}px {{block.settings.mob_rich_PaddingBottom}}px {{block.settings.mob_rich_PaddingLeft}}px;">
            <div>
              {% if block.settings.text_title_id != blank %}
              	<h{{block.settings.text_title_heading_tag}} style="color:{{block.settings.text_title_color}}; text-align:{{block.settings.txt_heading_Align}}">{{block.settings.text_title_id}}</h{{block.settings.text_title_heading_tag}}>
              {% endif %}
              
              {% if block.settings.text_subtitle_id != blank %}
              	<h{{block.settings.text_subtitle_heading_tag}} style="color:{{block.settings.text_subtitle_color}}; text-align:{{block.settings.txt_subheading_Align}}">{{block.settings.text_subtitle_id}}</h{{block.settings.text_title_subheading_tag}}>
              {% endif %}
              
          </div>
            <div class="contnet_grid_html {% if block.settings.text_color_text != blank %}no_general_content{% endif %}" style ="color: {{block.settings.text_color_text}};">            
                    {{ block.settings.Gridtext }}
                    {% if block.settings.GridTextBtn != blank %}
                      <div class=" text-{{block.settings.Text_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridTextBtnLink}}">{{block.settings.GridTextBtn}}</a></div>
                    {% endif %}
             </div>
            {% if block.settings.product_grid_3 != blank %}
            {%- assign product = all_products[block.settings.product_grid_3] -%}
            {%include 'gird-product' varation_type: block.settings.product_variants_3 %}
          {% endif %}
         </div>
    </div>