{% assign hex2rgb_r = '' %}
        {% assign hex2rgb_g = '' %}
        {% assign hex2rgb_b = '' %} 
        {% assign hex2rgb_hex = block.settings.bg_color_txtimg %}
        {% 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.Txt2_GridWidth}} flexItem grid_sections text-{{block.settings.txt_Align3}}" style="background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_txtimg }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style ="padding: {{block.settings.Txt2_PaddingTop}}px {{block.settings.Txt2_PaddingRight}}px {{block.settings.Txt2_PaddingBottom}}px {{block.settings.Txt2_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.Txt2_PaddingTop}}px {{block.settings.Txt2_PaddingRight}}px {{block.settings.Txt2_PaddingBottom}}px {{block.settings.Txt2_PaddingLeft}}px;" style_mobile =" padding: {{block.settings.mob_Txt2_PaddingTop}}px {{block.settings.mob_Txt2_PaddingRight}}px {{block.settings.mob_Txt2_PaddingBottom}}px {{block.settings.mob_Txt2_PaddingLeft}}px;">
          <div>
            {% if block.settings.textimg_title_id != blank %}
              	<h{{block.settings.textimg_title_heading_tag}} style="color:{{block.settings.textimg_title_color}};text-align:{{block.settings.textimg_head_txtalign}}">{{block.settings.textimg_title_id}}</h{{block.settings.textimg_title_heading_tag}}>
              {% endif %}
              
              {% if block.settings.textimg_subtitle_id != blank %}
              	<h{{block.settings.textimg_subtitle_heading_tag}} style="color:{{block.settings.textimg_subtitle_color}};text-align:{{block.settings.textimg_subhead_txtalign}}">{{block.settings.textimg_subtitle_id}}</h{{block.settings.textimg_title_subheading_tag}}>  
              {% endif %}
            
            
          </div>
          <div class="contnet_grid_html {% if block.settings.text_color_txtimg != blank %}no_general_content{% endif %}" style="color: {{block.settings.text_color_txtimg}};">  
                {{ block.settings.GridTxt2 }}
                  {% if block.settings.GridTxt2Btn != blank %}
                    <div class=" text-{{block.settings.Txt2_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridTxt2BtnLink}}">{{block.settings.GridTxt2Btn}}</a></div>
                  {% endif %}


                <div class="cover_div">
                  {% if block.settings.GridImageLink3 != blank %}<a href="{{block.settings.GridImageLink3}}">{% endif %}
                   {% if block.settings.GridImg2 %}
                    
                      {% if settings.image_loading_type == 'lazy' %}
                        <img alt="{{ block.settings.GridImg2_alt }}" data-sizes="auto" class="lazyloadimage lazyload blur-up" src="{{ block.settings.GridImg2 | img_url:'100x' }}" data-src="{{ block.settings.GridImg2 | img_url:'' }}" >
                     {% else %}
                        <img alt="{{ block.settings.GridImg2_alt }}" src="{{ block.settings.GridImg2 | img_url:'' }}" >
                      {% endif %}
                  {% endif %}
                  {% if block.settings.GridImageLink3 != blank %}</a>{% endif %}
                  {% if block.settings.GridImg2Btn != blank %}
                      <div class="grid_inner_button text-{{block.settings.Img2_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridImg2BtnLink}}">{{block.settings.GridImg2Btn}}</a></div>
                  {% endif %}
                </div>
            </div>
          {% if block.settings.product_grid_9 != blank %}
                {%- assign product = all_products[block.settings.product_grid_9] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_9 %}
              {% endif %}
        </div>
      </div>