{% if page.features_list.count %}
	{% for group in page.features_list %}

		<article class="features-list">
			<div class="features-list__container container">

				<header class="features-list__header">
					<div class="features-list__content">
						{% if group.title.value %}
							<h1 class="features-list__title">{{ group.title | raw }}</h1>
						{% endif %}
						{% if group.text.value %}
							<p class="features-list__text">{{ group.text }}</p>
						{% endif %}
						{% if group.image_links.count %}
							<ul class="features-list__buttons">
								{% for link in group.image_links %}

									<li class="features-list__buttons__item">
										<a href="{{link.url.normalize}}" class="features-list__btn"><img src="{{ link.image.make.path }}" alt="{{ link.title }}" class="features-list__btn__image"></a>
									</li>

								{% endfor %}
							</ul>
						{% endif %}
					</div>
					<div class="features-list__image__container">
						{% if group.image.id %}
							<img src="{{ group.image.make.path }}" alt="{{ group.group.title }}" class="features-list__image">
						{% endif %}
					</div>
				</header>

				{% if group.image_list.count %}
					<ul class="features-list__features">
						{% for feature in group.image_list %}
							<li class="features-list__features__item">
								{% if feature.title.value %}
									<h2 class="features-list__features__item__title">{{ feature.title | raw}}</h2>
								{% endif %}
								{% if feature.text.value %}
									<p class="features-list__features__item__text">{{ feature.text }}</p>
								{% endif %}
								<div class="features-list__features__item__image__container">
									{% if feature.image.id %}
										<img src="{{ feature.image.make.path }}" alt="{{ feature.title }}" class="features-list__features__item__image">
									{% endif %}
								</div>
							</li>
						{% endfor %}
					</ul>
				{% endif %}


			</div>
		</article>

	{% endfor %}
{% endif %}
