{% assign container_class = 'container' %}
{% if feature.p_full_width_container %}
{% assign container_class = 'container-fluid' %}
{% endif %}
{% assign col_class = '' %}
{% assign section_bg_image_path = '' %}
{% if feature.i_bg_image %}
{% capture image_loc %}{% picture direct-url_1064 pages/{{feature.i_bg_image }} %}{% endcapture %} 
{% assign section_bg_image_path =  image_loc %}
{% assign col_class = col_class | append: ' bg-cover bg-size-cover' %}
{% endif %}
{% if feature.p_parallax %}
{% assign col_class = col_class | append: ' parallax text-white'%}
{% endif %}
{% assign bg_video_src = 'mp4:' | append: feature.p_video_link_mp4 %}
{% assign bg_video_src = bg_video_src | append: ',webm:' | append: feature.p_video_link_webm %}
{% assign bg_video_src = bg_video_src | append: ',ogv:' | append: feature.p_video_link_ogv %}
<section  id="{{feature.p_section_id}}" class="hub-section  imageblock-section {{feature.p_section_class}} {{col_class}} pt-5 pb-5">
	<div class="{{container_class}} custom-new-container">
		<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
			<div class="row align-items-center testmonail-padding column_inverse">
				<div class="col-12 col-sm-12 col-md-12 col-lg-7 col-xl-7 col-xxl-7 p-0 z-index-2">
					<div class="customer-videos-description text-dark">
						<div class="customer-videos-icons">
							<div class="customer-video-logo">
								{% picture width_250 pages/{{feature.i_company_icon}}  alt="{{feature.i_company_icon | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" %}

								<p>{{ feature.t_subheadline }}</p>
							</div>
						</div>
						<div class="customer-videos-description-body1 customer-testimonial">
							<p class="description text-dark h5 font-weight-light">{{ feature.t_description }}</p>
						</div>
						<div class="customer-videos-name-location">
							<div class="customer-videos-name-location">
								{% if feature.i_author_image %}
								   {% picture author_pic pages/{{ feature.i_author_image }} alt="{{ feature.i_author_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" class="testimonial-img" %}
								{% endif %}
								<div class="customer-flex pl-3">
									<h2 class="text-dark">{{feature.t_name}}</h2>
									<p class="mb-0 text-dark">{{ feature.t_company }}</p>                                
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 p-0">
					<div class="customer-videos main-testimonial position-relative button--">
						<a href="{{ feature.p_video }}" data-videourl="{{ feature.p_video_mp4 }}" data-video="{{feature.p_video}}"
							data-modal data-title="{{ feature.t_headline }} ({{ feature.t_subheadline }})" data-casestudy="{{ feature.t_expandedDivDescription }}" data-size="xl">
							<div class="play-button-wrapper ">
								<div title="Play video" class="play-gif" id="circle-play-b">
									{% picture width_70 pages/customer-video-play.png  alt="{{ "customer-video-play.png" | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" %}
								</div>
							</div>
						</a>
						{% if feature.i_image %}
						{% picture width_1000 pages/{{feature.i_image}}  alt="{{ feature.i_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" %}
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

{% assign columnCount = 0 %}
{% for column in feature.buttons %}
	{% assign columnCount = columnCount | plus: 1 %}
	{% if column.hasExpandedDiv %}
		<section class="{{ column.expandedDivClass }} col-12 overflow-hidden feature{{ featureCount }}" style="height: 0;overflow: hidden;" ID="feature{{ featureCount }}_column{{ columnCount }}">
			<div class="container-fluid">
				<div class="row 
				custify-content-start ">
					<div class="col-md-12 order-1 order-md-1 mb-3 mb-md-0 text-dark">
						
						{% if column.t_expandedDivDescription %} <p class="h6 line-height-lg font-weight-normal text-justify mt-2 aos-init aos-animate"> {{ column.t_expandedDivDescription }} </p>{% endif %}
					</div>
				</div>
			</div>
		</section>
	{% endif %}
{% endfor %}