{% if page.holding_back.i_main_bg %}
  {% capture i_bg_main %}{% picture pagebg-url pages/{{ page.holding_back.i_main_bg }} %}{% endcapture %}
  {% assign i_bg_img = i_bg_main | split:'src="' | last | split:'"' | first %}
{% endif %}
<section class="holding_back_main">
    <div class="custom_container_fluid">
        <h2 class="video_title_main">{{page.holding_back.t_title}}</h2>
        <div class="holding_back_video">
            <iframe src="https://www.youtube-nocookie.com/embed/uXHbpLnAo2s?autoplay=1&mute=1&loop=1&playsinline=1&controls=1&modestbranding=1&rel=0&showinfo=0&disablekb=1&playlist=uXHbpLnAo2s" title="Tip-Pooling" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen muted autoplay></iframe>
        </div>
        <div class="holding_back_purple" {% if i_bg_img %}style="background-image: url('{{ i_bg_img }}');"{% endif %}>
            <div class="common_container">
                <h2 class="text-center">{{page.holding_back.t_headline}}</h2>
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="row m-0">
                        {% for items in page.holding_back.holding_back_items %}
                        <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                            <div class="holding_back_purple_common">
                                <div class="holding_back_purple_common_image {{items.p_class}}">
                                    {% if items.i_icon %}
                                    {% assign icon = '' %}
                                    {% capture icon %}{% picture width_45 pages/{{ items.i_icon }} %}{% endcapture %}
                                    {% assign icon_src = icon | split:'src="' | last | split:'"' | first %}
                                    <img src="{{ icon_src }}" alt="{{ items.i_icon | remove: '.png' | remove: '.webp' | remove: '.jpg' | replace: '-', ' ' | replace: '_', ' ' }}" class="img-fluid">
                                    {% endif %}
                                </div>
                                <div class="holding_back_purple_common_description">
                                    <h3>{{items.t_title}}</h3>
                                    <p>{{items.t_subtitle}}</p>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
                <div class="quotes_text">
                    {% if page.holding_back.i_quote_image %}
                    {% picture article_top pages/{{page.holding_back.i_quote_image}} alt="{{page.holding_back.i_quote_image | remove: '.png' | remove: '.webp' | remove: '.jpg' | replace: '-', ' ' | replace: '_', ' '}}"  class="img-fluid reversed_quote_image" %}
                    {% endif %}
                    <p>{{page.holding_back.t_quote_text}}</p>
                    {% if page.holding_back.i_quote_image %}
                    {% picture article_top pages/{{page.holding_back.i_quote_image}} alt="{{page.holding_back.i_quote_image | remove: '.png' | remove: '.webp' | remove: '.jpg' | replace: '-', ' ' | replace: '_', ' '}}"  class="img-fluid quote_image" %}
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</section>