{% case block.settings.Vid_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_videotxt %}
        {% 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.Vid_GridWidth}} flexItem grid_sections text-{{block.settings.txt_Align2}}" style="padding: 0px; border: 0px; margin: 0px; background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_videotxt }});animation-duration: {{ block.settings.animation_duration }};">
        <div class="grid_sections" style =" padding: {{block.settings.Vid_PaddingTop}}px {{block.settings.Vid_PaddingRight}}px {{block.settings.Vid_PaddingBottom}}px {{block.settings.Vid_PaddingLeft}}px;" style_desktop =" padding: {{block.settings.Vid_PaddingTop}}px {{block.settings.Vid_PaddingRight}}px {{block.settings.Vid_PaddingBottom}}px {{block.settings.Vid_PaddingLeft}}px;" style_mobile ="padding: {{block.settings.mob_Vid_PaddingTop}}px {{block.settings.mob_Vid_PaddingRight}}px {{block.settings.mob_Vid_PaddingBottom}}px {{block.settings.mob_Vid_PaddingLeft}}px;">
          <div>
              {% if block.settings.vidtext_title_id != blank %}
              	<h{{block.settings.vidtext_title_heading_tag}} style="color:{{block.settings.vidtext_title_color}}; text-align:{{block.settings.vidtext_head_txtalign}}">{{block.settings.vidtext_title_id}}</h{{block.settings.vidtext_title_heading_tag}}>
              {% endif %}
              
              {% if block.settings.vidtext_subtitle_id != blank %}
              	<h{{block.settings.vidtext_subtitle_heading_tag}} style="color:{{block.settings.vidtext_subtitle_color}}; text-align:{{block.settings.vidtext_subhead_txtalign}}">{{block.settings.vidtext_subtitle_id}}</h{{block.settings.vidtext_title_subheading_tag}}>
              {% endif %}
            
            
            
          </div>
          <div class="contnet_grid_html {% if block.settings.text_color_videotxt != blank %}no_general_content{% endif %}" style=" color:{{block.settings.text_color_videotxt}};">
                <iframe src="{{ block.settings.VidLink }}" allowfullscreen="" frameborder="0" style="width: 100%; height: {{grid_video_height}}"></iframe>

                  <div class="grid_html_color">
                    {{ block.settings.GridTxt1 }}
                    {% if block.settings.GridTxt1Btn != blank %}
                      <div class=" text-{{block.settings.Txt1_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridTxt1BtnLink}}">{{block.settings.GridTxt1Btn}}</a></div>
                    {% endif %}
                </div>
          </div>
          {% if block.settings.product_grid_7 != blank %}
                {%- assign product = all_products[block.settings.product_grid_7] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_7 %}
              {% endif %}
        </div>
      </div>