@php
    $section = get_main_slider_section();
@endphp
@if($section)
<section>
    <div class="slider-bg">
        <div
            class="page-template-default page-id-201 wp-embed-responsive theme-marriwe woocommerce-no-js ehf-header ehf-footer ehf-template-marriwe ehf-stylesheet-demo-child woo-variation-swatches wvs-behavior-blur wvs-theme-demo-child wvs-show-label wvs-tooltip woocommerce-active product-block-style-1 elementor-default elementor-kit-6 elementor-page elementor-page-201">
            <div class="wp-block-themepunch-revslider">
                <p class="rs-p-wp-fix"></p>
                <rs-module-wrap id="rev_slider_3_1_wrapper" data-source="gallery"
                    style="visibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
                    <rs-module id="rev_slider_3_1" style data-version="6.6.14">
                        <rs-slides style="overflow: hidden; position: absolute;">
                            @if (count($section->main_slider))
                                @foreach ($section->main_slider as $item)
                                    <rs-slide style="position: absolute;" data-key="rs-{{$item->id}}" data-title="Slide 01" data-in="o:0;"
                                        data-out="a:false;">
                                        <img width="1" height="1" decoding="async" src="assets/dummy.png"
                                            alt="Slide 01" title="Home 3" class="rev-slidebg tp-rs-img rs-lazyload"
                                            data-lazyload="//demo2.pavothemes.com/marriwe/assets/transparent.png"
                                            data-bg="c:#fcf3f1;" data-parallax="off" data-no-retina>
                                        <rs-zone id="rrzm_6" class="rev_row_zone_middle" style="z-index: 10;">
                                            <rs-row id="slider-3-slide-6-layer-5" data-type="row" data-xy="xo:50px;yo:117px;"
                                                data-rsp_bd="off" data-padding="r:0,0,0,15;l:0,0,30,15;" data-frame_0="o:1;"
                                                data-frame_999="o:0;st:w;sA:9000;" style="z-index:6;">
                                                <rs-column id="slider-3-slide-6-layer-6" data-type="column"
                                                    data-xy="xo:50px;yo:117px;" data-vbility="t,t,f,f" data-rsp_bd="off"
                                                    data-column="w:12.5%;" data-padding="t:10;r:10;b:10;l:10;"
                                                    data-frame_0="o:1;" data-frame_999="o:0;st:w;sA:9000;"
                                                    style="z-index:8;width:100%;"></rs-column>
                                                <rs-column id="slider-3-slide-6-layer-7" data-type="column"
                                                    data-xy="xo:50px;yo:117px;" data-rsp_bd="off" data-column="w:50%;"
                                                    data-frame_0="x:-175%;o:1;" data-frame_0_mask="u:t;x:100%;"
                                                    data-frame_1="e:power3.out;st:300;sp:2000;" data-frame_1_mask="u:t;"
                                                    data-frame_999="o:0;st:w;sA:9000;" style="z-index:7;width:100%;">
                                                    <rs-layer id="slider-3-slide-6-layer-9" data-type="text"
                                                        data-color="#a8472f" data-xy data-pos="r"
                                                        data-text="w:normal;s:14;l:20;ls:1.68px,1.68px,1.3px,0px;"
                                                        data-rsp_o="off" data-rsp_bd="off" data-frame_0="o:1;"
                                                        data-frame_0_chars="d:5;o:0;rX:90deg;oZ:-50;" data-frame_1="sp:1750;"
                                                        data-frame_1_chars="e:power4.inOut;d:10;oZ:-50;"
                                                        data-frame_999="o:0;st:w;"
                                                        style="z-index:12;font-family:'Karla';text-transform:uppercase;">{{ $item->subtitle }}</rs-layer>
                                                    <rs-layer id="slider-3-slide-6-layer-15" data-type="shape" data-rsp_ch="on"
                                                        data-xy="xo:50px,26px,19px,11px;yo:150px,80px,60px,37px;" data-pos="r"
                                                        data-text="w:normal;s:20,10,7,4;c:both;l:0,13,9,6;" data-flcr="c:both;"
                                                        data-dim="w:100%;h:10px,5px,3px,10px;" data-frame_999="o:0;st:w;"
                                                        style="z-index:11;"></rs-layer>
                                                    <rs-layer id="slider-3-slide-6-layer-10" data-type="text"
                                                        data-color="#000000" data-rsp_ch="on" data-xy data-pos="r"
                                                        data-text="w:normal;s:80,60,45,40;l:80,60,45,40;fw:300;"
                                                        data-dim="w:593px,441px,335px,300px;" data-rsp_o="off"
                                                        data-frame_999="o:0;st:w;"
                                                        style="z-index:10;font-family:'Noto Serif';text-transform:capitalize;">{{ $item->title }}</rs-layer>
                                                    <rs-layer id="slider-3-slide-6-layer-13" data-type="shape" data-rsp_ch="on"
                                                        data-xy="xo:50px,26px,19px,11px;yo:150px,80px,60px,37px;" data-pos="r"
                                                        data-text="w:normal;s:20,10,7,4;c:both;l:0,13,9,6;" data-flcr="c:both;"
                                                        data-dim="w:100%;h:10px,5px,3px,10px;" data-frame_999="o:0;st:w;"
                                                        style="z-index:9;"></rs-layer>
                                                    <rs-layer id="slider-3-slide-6-layer-11" data-type="text"
                                                        data-color="#565656" data-xy data-pos="r"
                                                        data-text="w:normal;s:16;l:24;" data-dim="w:auto,auto,250px,200px;"
                                                        data-rsp_o="off" data-rsp_bd="off" data-frame_999="o:0;st:w;"
                                                        style="z-index:8;font-family:'Karla';">{{ $item->tagline }}</rs-layer>
                                                    <rs-layer id="slider-3-slide-6-layer-14" data-type="shape"
                                                        data-rsp_ch="on"
                                                        data-xy="xo:50px,26px,19px,11px;yo:150px,80px,60px,37px;"
                                                        data-pos="r" data-text="w:normal;s:20,10,7,4;c:both;l:0,13,9,6;"
                                                        data-flcr="c:both;" data-dim="w:100%;h:40px,21px,15px,20px;"
                                                        data-frame_999="o:0;st:w;" style="z-index:7;"></rs-layer>
                                                    <a id="slider-3-slide-6-layer-12" class="rs-layer rev-btn" href="{{ $item->button_link }}"
                                                        target="_self" data-type="button" data-color="#000000" data-xy
                                                        data-pos="r"
                                                        data-text="w:normal;s:12;l:18;ls:1.68px,0px,0px,0px;fw:500;"
                                                        data-dim="minh:0px,none,none,none;" data-rsp_o="off"
                                                        data-rsp_bd="off" data-disp="inline-block"
                                                        data-padding="t:16,16,16,13;r:43,43,43,30;b:16,16,16,13;l:43,43,43,30;"
                                                        data-border="bos:solid;boc:#000000;bow:1px,1px,1px,1px;"
                                                        data-frame_999="o:0;st:w;"
                                                        data-frame_hover="c:#fff;bgc:#a8472f;boc:#a8472f;bor:0px,0px,0px,0px;bos:solid;bow:1px,1px,1px,1px;e:power1.inOut;"
                                                        style="z-index:6;background-color:rgba(0,0,0,0);font-family:'Karla';text-transform:uppercase;display:inline-block;">{{ $item->button_text }}
                                                    </a>
                                                </rs-column>
                                                <rs-column id="slider-3-slide-6-layer-8" data-type="column"
                                                    data-xy="xo:50px;yo:117px;" data-vbility="t,t,f,f" data-rsp_bd="off"
                                                    data-column="w:37.5%;" data-padding="t:10;r:10;b:10;l:10;"
                                                    data-frame_0="o:1;" data-frame_999="o:0;st:w;sA:9000;"
                                                    style="z-index:6;width:100%;"></rs-column>
                                            </rs-row>
                                        </rs-zone>
                                        <rs-layer id="slider-3-slide-6-layer-0" data-type="image"
                                            data-xy="x:r;xo:0,-250px,-250px,-200px;y:m;"
                                            data-text="w:normal;s:20,10,7,4;l:0,13,9,6;"
                                            data-dim="w:45.3125%,auto,auto,auto;h:['100%','100%','100%','100%'];"
                                            data-vbility="t,t,t,f" data-basealign="slide" data-rsp_o="off" data-rsp_bd="off"
                                            data-frame_0="x:-175%;o:1;" data-frame_0_mask="u:t;x:100%;"
                                            data-frame_1="e:power3.out;st:1000;sp:3500;" data-frame_1_mask="u:t;"
                                            data-frame_999="o:0;st:w;" style="z-index:7;"><img fetchpriority="high"
                                                decoding="async" src="assets/dummy.png" alt class="tp-rs-img rs-lazyload"
                                                width="870" height="900" data-lazyload="{{ asset(Storage::url($item->image)) }}"
                                                data-no-retina></rs-layer>
                                        <rs-layer id="slider-3-slide-6-layer-1" class="rs-pxl-11" data-type="image"
                                            data-rsp_ch="on"
                                            data-xy="x:r,r,c,r;xo:686px,300px,25px,15px;y:t,m,m,m;yo:300px,0,0,0;"
                                            data-text="w:normal;s:20,10,7,4;l:0,13,9,6;"
                                            data-dim="w:360px,260px,197px,170px;h:500px,361px,274px,236px;"
                                            data-border="bor:500px,500px,0,0;" data-frame_0="sX:2;sY:2;"
                                            data-frame_0_mask="u:t;" data-frame_1="e:power2.out;st:1500;sp:4000;"
                                            data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;" style="z-index:8;"><img
                                                decoding="async" src="assets/dummy.png" alt class="tp-rs-img rs-lazyload"
                                                width="360" height="500" data-lazyload="{{ asset(Storage::url($item->sub_image)) }}"
                                                data-no-retina></rs-layer>
                                        <rs-layer id="slider-3-slide-6-layer-2" data-type="image" data-rsp_ch="on"
                                            data-text="w:normal;s:20,10,7,4;l:0,13,9,6;"
                                            data-dim="w:367px,260px,197px,150px;h:278px,197px,149px,114px;"
                                            data-frame_0="sX:0.9;sY:0.9;" data-frame_1="e:power2.inOut;st:500;sp:2000;"
                                            data-frame_999="o:0;st:w;" style="z-index:6;"><img decoding="async"
                                                src="assets/dummy.png" alt class="tp-rs-img rs-lazyload" width="367"
                                                height="278" data-lazyload="imgs/f-pic2.png" data-no-retina></rs-layer>
                                        <rs-layer id="slider-3-slide-6-layer-3" data-type="image" data-rsp_ch="on"
                                            data-xy="x:l,l,l,r;xo:700px,373px,283px,0;y:t,b,b,b;yo:711px,0,0,0;"
                                            data-text="w:normal;s:20,10,7,4;l:0,13,9,6;"
                                            data-dim="w:261px,160px,121px,120px;h:220px,135px,102px,101px;"
                                            data-btrans="rZ:47;" data-frame_0="sX:0.9;sY:0.9;"
                                            data-frame_1="e:power2.inOut;st:500;sp:2000;" data-frame_999="o:0;st:w;"
                                            data-loop_999="sX:0.9;sY:0.9;sp:3000;e:power0.inOut;yys:t;yyf:t;"
                                            style="z-index:5;"><img decoding="async" src="assets/dummy.png" alt
                                                class="tp-rs-img rs-lazyload" width="328" height="276"
                                                data-lazyload="imgs/f-pic1.png" data-no-retina></rs-layer>
                                        <rs-layer id="slider-3-slide-6-layer-4" data-type="image" data-rsp_ch="on"
                                            data-xy="xo:599px,319px,242px,149px;yo:523px,515px,450px,338px;"
                                            data-text="w:normal;s:20,10,7,4;l:0,13,9,6;"
                                            data-dim="w:336px,179px,135px,83px;h:269px,143px,108px,66px;"
                                            data-frame_0="sX:0.9;sY:0.9;" data-frame_1="e:power2.inOut;st:500;sp:1000;"
                                            data-frame_999="o:0;st:w;" style="z-index:4;"><img decoding="async"
                                                src="assets/dummy.png" alt class="tp-rs-img rs-lazyload" width="336"
                                                height="269" data-lazyload="imgs/f-pic3.png" data-no-retina></rs-layer>
                                    </rs-slide>
                                @endforeach
                            @endif
                        </rs-slides>
                    </rs-module>

                </rs-module-wrap>
            </div>
        </div>
    </div>
</section>
@endif