{% case block.settings.Vid2_GridWidth %}
          {% when 'fullSpan' %}
            {%- assign grid_video_height = 'calc(100vh - 120px)' -%}
          {% when 'half' %}
            {%- assign grid_video_height = '294px' -%}
          {% when 'oneThird' %}
            {%- assign grid_video_height = '38vh' -%}
          {% when 'twoThird' %}
            {%- assign grid_video_height = '65vh' -%}
          {% when 'eightNinth' %}
            {%- assign grid_video_height = '72vh' -%}
          {% when 'oneQuarter' %}
            {%- assign grid_video_height = '38vh' -%}
          {% when 'threeQuarter' %}
            {%- assign grid_video_height = '73vh' -%}
      {% endcase %}

      {% assign hex2rgb_r = '' %}
        {% assign hex2rgb_g = '' %}
        {% assign hex2rgb_b = '' %} 
        {% assign hex2rgb_hex = block.settings.bg_color_txtvideo %}
        {% 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.Txt3_GridWidth}} flexItem grid_sections  text-{{block.settings.txt_Align4}}" style="padding: 0px; border: 0px; margin: 0px; background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_txtvideo }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style ="padding: {{block.settings.Txt3_PaddingTop}}px {{block.settings.Txt3_PaddingRight}}px {{block.settings.Txt3_PaddingBottom}}px {{block.settings.Txt3_PaddingLeft}}px;" style_desktop ="padding: {{block.settings.Txt3_PaddingTop}}px {{block.settings.Txt3_PaddingRight}}px {{block.settings.Txt3_PaddingBottom}}px {{block.settings.Txt3_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_Txt3_PaddingTop}}px {{block.settings.mob_Txt3_PaddingRight}}px {{block.settings.mob_Txt3_PaddingBottom}}px {{block.settings.mob_Txt3_PaddingLeft}}px;">
          <div>
              {% if block.settings.textvid_title_id != blank %}
              	<h{{block.settings.textvid_title_heading_tag}} style="color:{{block.settings.textvid_title_color}};text-align:{{block.settings.textvid_head_txtalign}}">{{block.settings.textvid_title_id}}</h{{block.settings.textvid_title_heading_tag}}>
              {% endif %}
              
              {% if block.settings.textvid_subtitle_id != blank %}
              	<h{{block.settings.textvid_subtitle_heading_tag}} style="color:{{block.settings.textvid_subtitle_color}};text-align:{{block.settings.textvid_subhead_txtalign}}">{{block.settings.textvid_subtitle_id}}</h{{block.settings.textvid_title_subheading_tag}}>
              {% endif %}
            
            
          </div>
          <div class="contnet_grid_html {% if block.settings.text_color_txtvideo != blank %}no_general_content{% endif %}" style="color: {{block.settings.text_color_txtvideo}};">
            {{ block.settings.GridTxt3 }}
              {% if block.settings.GridTxt3Btn != blank %}
                <div class=" text-{{block.settings.Txt3_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridTxt3BtnLink}}">{{block.settings.GridTxt3Btn}}</a></div>
              {% endif %}

                <iframe src="{{ block.settings.Vid2Link }}" allowfullscreen="" frameborder="0" style="width: 100%; height: {{grid_video_height}}"></iframe>
            </div>
          {% if block.settings.product_grid_11 != blank %}
                {%- assign product = all_products[block.settings.product_grid_11] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_11 %}
              {% endif %}
        </div>
      </div>