<?php
$args = array(
    'post_type' => 'slider',
    'posts_per_page' => 6,
    'no_found_rows' => true,
);
$loop = new WP_Query($args);
if ($loop->have_posts()) : ?>
    <!-- main slider  -->
    <section class="slider">

        <div class="main-slider swiper">
            <div class="swiper-wrapper">
                <?php while ($loop->have_posts()) : $loop->the_post(); ?>
                    <div class="swiper-slide" >

                        <div class="slider-img-cap">
                            <div class="slider-beckground">
                                <img class="img-fluid" src="<?php the_field('sliderbgimage','option') ?>">
                            </div>
                            <div class="hold-slider-caption">
                                <div class="slide-captions">
                                    <h2 class='current-title'> <?php the_title(); ?></h2>
                                    <?php the_content()?>
                                    <div class='slider-url'>
                                         <a data-fancybox  href="<?php the_field("videoslidr") ?>">
                                             <svg width="82" height="82" viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                 <g filter="url(#filter0_d_121_2580)">
                                                     <circle cx="41" cy="41" r="30.75" fill="url(#paint0_linear_121_2580)"/>
                                                 </g>
                                                 <g filter="url(#filter1_i_121_2580)">
                                                     <circle cx="41" cy="41" r="25.625" fill="url(#paint1_linear_121_2580)"/>
                                                 </g>
                                                 <path d="M41 15.375C45.6284 15.375 50.1704 16.6286 54.1436 19.0026C58.1168 21.3766 61.3728 24.7824 63.5659 28.8582C65.7589 32.9341 66.8071 37.5279 66.5991 42.1516C66.3911 46.7753 64.9347 51.2564 62.3845 55.1189C59.8344 58.9814 56.2857 62.081 52.1154 64.0887C47.9451 66.0964 43.3089 66.9371 38.6992 66.5215C34.0894 66.1059 29.6784 64.4496 25.9344 61.7284C22.1904 59.0073 19.2533 55.3229 17.4351 51.0666L41 41L41 15.375Z" fill="url(#paint2_linear_121_2580)"/>
                                                 <g filter="url(#filter2_d_121_2580)">
                                                     <circle cx="40.9997" cy="41" r="23.9167" fill="url(#paint3_linear_121_2580)"/>
                                                 </g>
                                                 <g filter="url(#filter3_i_121_2580)">
                                                     <path d="M36.7361 30.5403L52.1374 39.5243C53.2674 40.1835 53.2674 41.8164 52.1374 42.4756L36.7361 51.4596C35.5972 52.124 34.167 51.3025 34.167 49.984V32.0159C34.167 30.6974 35.5972 29.8759 36.7361 30.5403Z" fill="url(#paint4_linear_121_2580)"/>
                                                 </g>
                                                 <defs>
                                                     <filter id="filter0_d_121_2580" x="8.25" y="9.25" width="65.5" height="65.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                                         <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                         <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                                         <feOffset dy="1"/>
                                                         <feGaussianBlur stdDeviation="1"/>
                                                         <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
                                                         <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_121_2580"/>
                                                         <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_121_2580" result="shape"/>
                                                     </filter>
                                                     <filter id="filter1_i_121_2580" x="15.375" y="15.375" width="51.25" height="52.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                                         <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                         <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
                                                         <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                                         <feOffset dy="1"/>
                                                         <feGaussianBlur stdDeviation="0.5"/>
                                                         <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                                                         <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
                                                         <feBlend mode="normal" in2="shape" result="effect1_innerShadow_121_2580"/>
                                                     </filter>
                                                     <filter id="filter2_d_121_2580" x="16.083" y="17.0833" width="49.833" height="49.8333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                                         <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                         <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                                         <feOffset dy="1"/>
                                                         <feGaussianBlur stdDeviation="0.5"/>
                                                         <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
                                                         <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_121_2580"/>
                                                         <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_121_2580" result="shape"/>
                                                     </filter>
                                                     <filter id="filter3_i_121_2580" x="34.167" y="30.305" width="18.8184" height="22.39" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                                         <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                         <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
                                                         <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                                                         <feOffset dy="1"/>
                                                         <feGaussianBlur stdDeviation="0.5"/>
                                                         <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
                                                         <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
                                                         <feBlend mode="normal" in2="shape" result="effect1_innerShadow_121_2580"/>
                                                     </filter>
                                                     <linearGradient id="paint0_linear_121_2580" x1="41" y1="35.0208" x2="41" y2="71.75" gradientUnits="userSpaceOnUse">
                                                         <stop stop-color="white"/>
                                                         <stop offset="1" stop-color="#E8E8E8"/>
                                                     </linearGradient>
                                                     <linearGradient id="paint1_linear_121_2580" x1="41" y1="15.375" x2="41" y2="66.625" gradientUnits="userSpaceOnUse">
                                                         <stop stop-color="#ECECEC"/>
                                                         <stop offset="1" stop-color="white"/>
                                                     </linearGradient>
                                                     <linearGradient id="paint2_linear_121_2580" x1="41" y1="15.375" x2="41" y2="66.625" gradientUnits="userSpaceOnUse">
                                                         <stop stop-color="#42D9FB"/>
                                                         <stop offset="1" stop-color="#1FB6D8"/>
                                                     </linearGradient>
                                                     <linearGradient id="paint3_linear_121_2580" x1="40.9997" y1="17.0833" x2="40.9997" y2="64.9167" gradientUnits="userSpaceOnUse">
                                                         <stop stop-color="white"/>
                                                         <stop offset="1" stop-color="#E4E4E4"/>
                                                     </linearGradient>
                                                     <linearGradient id="paint4_linear_121_2580" x1="44.417" y1="29.0417" x2="44.417" y2="52.9583" gradientUnits="userSpaceOnUse">
                                                         <stop stop-color="#161616"/>
                                                         <stop offset="1" stop-color="#707070"/>
                                                     </linearGradient>
                                                 </defs>
                                             </svg>

                                         </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
            <div class="swiper-pagination main-pagin"></div>
        </div>
    </section>
    <!-- //main slider   -->
<?php endif;
wp_reset_postdata(); ?>

