{if $block.sliderStyle == "1"}

    <!--Clean Slider-->
    <section class="cros-Slider">
        {if $block.autoplay}
            <div class="gallery js-flickity td-slider" id="Slider-{$blockkey}" data-flickity-options='{ "autoPlay": true, "freeScroll": false, "wrapAround": true, "prevNextButtons": false }'>
        {else}
    	    <div class="gallery js-flickity td-slider" id="Slider-{$blockkey}" data-flickity-options='{ "freeScroll": false, "wrapAround": true, "prevNextButtons": false }'>
        {/if}
		{if count($block.table) > 0}
		    {foreach from=$block.table item=$ditem key=$kk}
    
			<div class="td-gallery-cell">
				{if {$ditem['Slider Image']} != ""}
				    <!-- <img src="{$ditem['Slider Image']}" border="0" style="width: 100%; object-fit: cover; position:absolute; right:0px; top:0px;"> -->
				    <img src="{$ditem['Slider Image']}" border="0" class="td-silder-image"/> 
				{/if}

				<img class="td-slider-company-logo" src="/templates/croster/assets/images/logo-color-small.png"/>

				<div class="td-gallery-cell-glasspane" style="position:absolute;left:0px;top:0px;width:100%;height:100%">
				    <div class="td-slider-hgroup">
					<h1 class="td-gallery-h1">{$ditem['SubTitle']}</h1>
					<h2 class="td-gallery-h3">{$ditem['Title']}</h3>
			    
					{if $ditem['Description'] != ""}
					    {$ditem['Description']}
					{/if}
					{if $ditem['Link'] != ""}
					    <div class="buttons td-gallery-buttons">
						<a href="{$ditem['Link']}" class="btn btn-primary btn-lg td-gallery-button">{if $block.btntext}{$block.btntext}{else}View Plans & Features{/if}</a>
					    </div>
					{/if}
				    </div>
			    </div>
			</div>
		{/foreach}
	    {/if}
	</div>
    </section>
{else}
    <!--Clean Slider-->
    <section class="cros-Slider">
        {if $block.autoplay}
            <div class="gallery js-flickity td-slider" id="Slider-{$blockkey}" data-flickity-options='{ "autoPlay": true, "freeScroll": false, "wrapAround": true, "prevNextButtons": false }'>
        {else}
    	    <div class="gallery js-flickity td-slider" id="Slider-{$blockkey}" data-flickity-options='{ "freeScroll": false, "wrapAround": true, "prevNextButtons": false }'>
        {/if}
		{if count($block.table) > 0}
		    {foreach from=$block.table item=$ditem key=$kk}
    
			<div class="td-gallery-cell">
				{if {$ditem['Slider Image']} != ""}
				    <!-- <img src="{$ditem['Slider Image']}" border="0" style="width: 100%; object-fit: cover; position:absolute; right:0px; top:0px;"> -->
				    <img src="{$ditem['Slider Image']}" border="0" class="td-silder-image"/> 
				{/if}

				<img class="td-slider-company-logo" src="/templates/croster/assets/images/logo-color-small.png"/>

				<div class="td-gallery-cell-glasspane" style="position:absolute;left:0px;top:0px;width:100%;height:100%">
				    <div class="td-slider-hgroup">
					<h1 class="td-gallery-h1">{$ditem['SubTitle']}</h1>
					<h2 class="td-gallery-h3">{$ditem['Title']}</h3>
			    
					{if $ditem['Description'] != ""}
					    {$ditem['Description']}
					{/if}
					{if $ditem['Link'] != ""}
					    <div class="buttons td-gallery-buttons">
						<a href="{$ditem['Link']}" class="btn btn-primary btn-lg td-gallery-button">{if $block.btntext}{$block.btntext}{else}View Plans & Features{/if}</a>
					    </div>
					{/if}
				    </div>
			    </div>
			</div>
		{/foreach}
	    {/if}
	</div>
    </section>
{/if}
