description = "Features 13 Section"

[viewBag]
==
{% set size_1 = data.section_features13_size %}
{% set size_2 = 12 - size_1 %}
<div {% if data.section_features13_id %}id="{{ data.section_features13_id }}"{% endif %} class="features13">
    <!-- Row  -->
    <div class="features13-wrap row">
        <div class="col-lg-{{ size_1 }} bg-cover min-h-xs {{ data.section_features13_position }} {{ data.section_features13_parallax ? 'jarallax' }}" style="background-image:url({{ data.section_features13_image|media|resize(1000, 650, { mode: 'crop' }) }})" {% if data.section_features13_animation %}data-aos="fade-right" data-aos-duration="1200"{% endif %}>
        </div>
        <div class="col-lg-{{ size_2 }} {{ data.section_features13_bg }} {% if data.section_features13_position == 'order-1' %}order-2{% else %}order-1{% endif %}" {% if data.section_features13_animation %}data-aos="fade-left" data-aos-duration="1200"{% endif %}>
            <div class="py-10 px-16 my-md-20 my-2 max-w-md {% if data.section_features13_position == 'order-2' %}float-right text-right{% endif %}">
                <span class="">{{ data.section_features13_pretitle }}</span>
                <h2 class="pt-5 pb-4">{{ data.section_features13_title }}</h2>
                <p>{{ data.section_features13_desc }}</p>
                {% if data.section_features13_btn_link is not empty %}
                <a class="btn btn-default btn-chevron mt-5" href="{{ data.section_features13_btn_clink ? data.section_features13_btn_clink : (data.section_features13_btn_plink | staticPage) }}">
                    <span>{{ data.section_features13_btn_label }}<i class="{{ data.section_features13_btn_icon }}"></i></span>
                </a>
                {% endif %}
            </div>
        </div>
    </div>
    <!-- Row  -->
</div>