{% case block.settings.Vid1_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_videohtml %}
        {% 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" style="padding: 0px; border: 0px; margin: 0px; background: rgba({{ hex2rgb_r  }},{{ hex2rgb_g  }},{{ hex2rgb_b  }}, {{ block.settings.bg_opacity_videohtml }});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 class="contnet_grid_html {% if block.settings.text_color_videohtml != blank %}no_general_content{% endif %}"  style="color: {{block.settings.text_color_videohtml}};">
                  <iframe src="{{ block.settings.VidLink }}" allowfullscreen="" frameborder="0" style="width: 100%; height: {{grid_video_height}}"></iframe>

                  <div class="grid_html_color">
                    {{ block.settings.GridHtml1 }}
                    {% if block.settings.GridHtml1Btn != blank %}
                      <div class=" text-{{block.settings.Html1_BtnPosition}}"><a class="button scroll_link_trigger" href="{{block.settings.GridHtml1BtnLink}}">{{block.settings.GridHtml1Btn}}</a></div>
                    {% endif %}
                </div>
          </div>
          {% if block.settings.product_grid_8 != blank %}
                {%- assign product = all_products[block.settings.product_grid_8] -%}
                {%include 'gird-product' varation_type: block.settings.product_variants_8 %}
              {% endif %}
        </div>
     </div>