{% 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">
            <p class="title mb-0">{{dataToShow.feature_title}}</h5>
                {%- if dataToShow.feature_description -%}
            <p class="description">{{dataToShow.feature_description}}</p>
            {%- endif -%}
        </div>
        {%- else -%}
        <div class="feature">
            <p class="title mb-0">{{dataToShow.feature_title}}</p>
            {%- if dataToShow.feature_description -%}
            <p class="description">{{dataToShow.feature_description}}</p>
            {%- endif -%}
        </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 -%}