{% 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 section_bg_image_path %}{% picture direct-url_1064 pages/{{feature.i_bg_image }} %}{% endcapture %} 
{% capture section_bg_image_pathold %}linear-gradient(rgba(0, 0, 0, 0.6), rgb(0, 0, 0, 0.6)), url('{{image_loc}}'){% endcapture %} 
{% 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="{{feature.p_section_class}} {{col_class}}" data-speed="0.1" {% if feature.p_video_link_mp4 %}data-video-src="{{bg_video_src}}"{% endif %}  {% if feature.i_bg_image %}style="background-image: url('{{section_bg_image_path}}'){% endif %}">
	{% if feature.p_parallax %}<div class="mask bg-dark opacity-4"></div>{% endif %}
	<div class="{{container_class}}">
		<div class="d-flex justify-content-center">
			<div class="story-col">	
				{% if feature.t_subheadline %}
				<h2 class="h1 lead line-height-lg font-weight-normal my-3">
					{{ feature.t_subheadline }}
				</h2>
				{% endif %}
				<h3 class="h1 font-weight-normal my-3 line-height-lg text-center my-3 aos-init aos-animate">
					{{ feature.t_headline }}
				</h3>
				<div class="line-height-lg font-weight-normal my-2 text-center aos-init aos-animate m-0 ml-auto">
					{% if feature.t_description %}
					<p>{{ feature.t_description }}</p>
					{% endif %}
                </div>
				<div class="d-flex flex-row profile pt-2 mt-auto justify-content-end"> 
					{% if feature.i_author_image %}
					 {% picture author_template pages/{{ feature.i_author_image }} alt="{{ feature.i_author_image | remove: '.png' | replace: '-',' ' | replace: '_',' ' }}" class="testimonial-img rounded-circle" %}
					{% endif %}
					<div class="d-flex flex-column pl-2">
						{% if feature.t_name %}
						<div class="name">{{ feature.t_name }}</div>
						{% endif %}
						{% if feature.t_company %}
						<p class="designation">{{ feature.t_company }}</p>
						{% endif %}
					
					</div>
				 </div>
                {% if feature.buttons %}
						<div class="food-saftey-button text-center mt-5">
						{% for button in feature.buttons %}
						{% assign columnCount = columnCount | plus: 1 %}
						<a href="{{button.p_button_url}}" class="{{button.t_button_class}}" {% if button.p_button_type and button.hasExpandedDiv %}  data-caseDivID="feature{{ featureCount }}_column{{ columnCount }}" {% else %} data-videourl="{{ button.p_video_url }}" data-video="{{button.p_button_url}}" data-modal data-title="{{ feature.t_headline }} {% if feature.t_subheadline %}({{ feature.t_subheadline }}){% endif %}" data-size="xl" {% endif %}>
							{{button.t_button_label}}
						</a>
						{% endfor %}
						</div>
				{% endif %}
			</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 justify-content-start ">
					<div class="col-md-12 order-1 order-md-1 mb-3 mb-md-0 text-dark">
						{% if column.t_expandedDivHeader %} <h5 class="h1 font-weight-normal my-3 aos-init aos-animate"> {{ column.t_expandedDivHeader }} </h5>{% endif %}
						{% 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 %}