{strip}
{fetch_section assign=whySection section=15 getContent=true}{if !empty($whySection) && $whySection.status eq 'V'}
    <section class="flex:col pad-t-150 pad-b-200">
        <div class="flex:col-max">
            <div class="grid:fr-1 g-gap-40">
                <div class="block-head">
                    <div class="text-tmp title-36 title-tt-up"><h2>{$whySection.name}</h2></div>
                </div>

                {if !empty($whySection.gallery)}
                <div class="benefit">

                    <div class="grid:fr-1 g-gap-40">
                        {foreach from=$whySection.gallery item=gallery name=galleries}{if $smarty.foreach.galleries.iteration < 3}
                            <div class="benefit__item" data-aos="fade-up" data-aos-duration="400" data-aos-easing="linear">
                                <div class="benefit__item-title">
                                    <div class="benefit__item-icon"><img src="{$gallery.original}" alt="{$gallery.title}"></div>
                                    <h3>{$gallery.title}</h3>
                                </div>

                                <div class="text-tmp">
                                    <p>{$gallery.description}</p>
                                </div>
                            </div>
                        {/if}{/foreach}
                    </div>

                    <div class="benefit__banner">
                        <img src="{$whySection.image.original}" alt="{$whySection.name}">
                    </div>

                    <div class="grid:fr-1 g-gap-40">
                        {foreach from=$whySection.gallery item=gallery name=galleries}{if $smarty.foreach.galleries.iteration > 2}
                            <div class="benefit__item" data-aos="fade-up" data-aos-duration="400" data-aos-easing="linear">
                                <div class="benefit__item-title">
                                    <div class="benefit__item-icon"><img src="{$gallery.original}" alt="{$gallery.title}"></div>
                                    <h3>{$gallery.title}</h3>
                                </div>

                                <div class="text-tmp">
                                    <p>{$gallery.description}</p>
                                </div>
                            </div>
                        {/if}{/foreach}
                    </div>

                </div>
                {/if}
            </div>

        </div>

        {* why decor bg *}
        <div class="decor-bg">
            {include file="icon/svg.tpl" svgId="why_decor_bg" fill="none"}
        </div>
        {* /why decor bg *}

    </section>
{/if}
{/strip}