{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign dataToShow = site.data.[page.folderName][lang][file] %}
<div class="container-fluid">
    <div class="row">

        {%- if site.MonumetricID and page.url != '/' -%}
        <div class="ads_layout">
            <h5 class="title">{{dataToShow.feature_title}}</h5>
            <p class="description">{{dataToShow.feature_description}}</p>
        </div>
        {%- else -%}
        <div class="feature">
            <h5 class="title">{{dataToShow.feature_title}}</h5>
            <p class="description">{{dataToShow.feature_description}}</p>
        </div>
        {%- endif -%}



        <div class="container">
            <!--class earlier= col-xl-9 col-lg-12-->
            <div class="row text-center features_data">
                {% if site.MonumetricID and page.url != '/' %}
                {% for entry in dataToShow.featureList %}
                <div class="col-md-8 my-3 mx-auto">
                    <div class="card-body h-100">
                        <img src="{{ entry.fa_class }}" loading="lazy" height="25px" width="25px"
                            alt="{{entry.feature_heading}}"></img>
                        <h3 class="card-title">
                            {{ entry.feature_heading }}
                        </h3>
                        <p class="card-text" style="color: #a7a7a7;
                        font-size: 14px;">{{ entry.feature_text}}</p>
                    </div>
                </div>
                {% endfor %}
                {%- else -%}
                {% for entry in dataToShow.featureList %}
                <div class="col-lg-4 col-md-6 my-3">
                    <div class="card-body h-100">
                        <img src="{{ entry.fa_class }}" loading="lazy" height="25px" width="25px"
                            alt="{{entry.feature_heading}}"></img>
                        <h3 class="card-title">
                            {{ entry.feature_heading }}
                        </h3>
                        <p class="card-text" style="color: #a7a7a7;
                        font-size: 14px;">{{ entry.feature_text}}</p>
                    </div>
                </div>
                {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>
</div>

{%- include howto.html -%}