{strip}
    {fetch_banners assign=banners limit=10 section=$section.sectionId}{if !empty($banners)}
	<section class="intro">
	
		<div class="swiper intro-slider_js">
			<div class="swiper-wrapper">
				
				{foreach item=banner from=$banners name=banners}
				<div class="swiper-slide">
	
					<div class="intro__banner">
	
						<div class="intro__banner-desc" data-swiper-parallax="600">
							<div class="flex:col-max">
	
								<div class="text-tmp title-56 title-tt-up txt-18 all-center color-white">
									<h1>{$banner.title nofilter}</h1>
									{if !empty($banner.summary)}<p>{$banner.summary nofilter}</p>{/if}
								</div>
	
							</div>
						</div>
	
						<div class="intro__banner-img" data-swiper-parallax="90%">
							<img src="{$banner.images.original}" alt="{$banner.title nofilter}">
						</div>
	
					</div>
	
				</div>
				{/foreach}
	
			</div>
		</div>
	
		<div class="intro__ui">
			<div class="flex:col-max">
	
				<div class="intro__ui-inner">
	
					<div class="intro__arrows">
						<button class="arrow-slider intro-prev_js">
							<svg fill="none" xmlns="http://www.w3.org/2000/svg">
								<use xlink:href="{$ASSETS_URL}/images/sprites/sprite.svg#arrow-left"></use>
							</svg>
						</button>
	
						<button class="arrow-slider intro-next_js">
							<svg fill="none" xmlns="http://www.w3.org/2000/svg">
								<use xlink:href="{$ASSETS_URL}/images/sprites/sprite.svg#arrow-right"></use>
							</svg>
						</button>
					</div>
	
					<div class="intro__pagination"></div>
	
				</div>
	
			</div>
		</div>
	
	</section>
    {/if}
{/strip}