<div data-elementor-type="wp-page" data-elementor-id="8420" class="elementor elementor-8420">
    <section
        class="elementor-section elementor-top-section elementor-element elementor-element-259f88b elementor-section-full_width elementor-section-height-full elementor-section-items-top elementor-section-height-default"
        data-id="259f88b" data-element_type="section">
        <div class="elementor-container elementor-column-gap-no">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7f037e"
                data-id="a7f037e" data-element_type="column">
                <div class="elementor-widget-wrap elementor-element-populated">
                    <div class="elementor-element elementor-element-e0121ec elementor-widget elementor-widget-ld_animated_frame"
                        data-id="e0121ec" data-element_type="widget"
                        data-widget_type="ld_animated_frame.default">
                        <div class="elementor-widget-container">
                            <div class="lqd-af w-100 h-vh-100 pos-rel overflow-hidden"
                                data-liquid-animatedframes="true"
                                data-af-options='{"scrollable":true,"forceDisablingWindowScroll":true}'>
                                <div class="lqd-af-slides lqd-overlay">

                                    <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div
                                        class="lqd-af-slide d-flex flex-column align-items-center justify-content-center lqd-overlay overflow-hidden elementor-repeater-item-b18054d">

                                        <div
                                            class="lqd-af-slide__img lqd-overlay overflow-hidden will-change-transform">
                                            <div
                                                class="lqd-af-slide__img__inner w-100 h-100 overflow-hidden will-change-transform">
                                                <figure
                                                    class="w-100 h-100 overflow-hidden will-change-transform">
                                                    <img decoding="async"
                                                        class="w-100 h-100 objfit-cover objpos-center"
                                                        src="<?php echo e(url('uploads/sliders/home-sliders/source/' . $slider->image)); ?>"
                                                        alt="Interior Res." />
                                                    <span class="lqd-overlay"></span>
                                                </figure>
                                                <span class="lqd-overlay"></span>
                                            </div>
                                        </div>

                                        <div class="lqd-af-slide__content w-100 pos-rel z-index-5">
                                            <div
                                                class="lqd-af-slide__title-container d-inline-block pos-rel">
                                                <svg class="lqd-af-slide__title-svg lqd-overlay"
                                                    height="100" width="100">
                                                    <mask id="slide-<?php echo e($loop->index); ?>">
                                                        <rect x="0" y="0" width="100%" height="100%"
                                                            fill="#fff"
                                                            class="lqd-af-slide__mask-rect" />
                                                        <text dominant-baseline="middle" x="0.35em"
                                                            y="55%"
                                                            class="lqd-af-slide__title lqd-af-slide__title-text"
                                                            fill="#000"><?php echo e($slider->title); ?></text>
                                                    </mask>
                                                    <rect width="100%" height="100%"
                                                        class="lqd-af-slide__title-bg"
                                                        mask="url(#slide-<?php echo e($loop->index); ?>)"
                                                        fill="currentColor" />
                                                </svg>
                                                <h2 class="lqd-af-slide__title invisible ws-nowrap">
                                                    <?php echo e($slider->title1); ?></h2>
                                            </div>
                                            <p class="lqd-af-slide__desc pos-rel"><?php echo $slider->text; ?>

                                            </p>
                                            <div class="lqd-af-slide__link">
                                            </div>
                                            <!-- for custom cursor arrow -->
                                        </div>
                                    </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>

                                <nav
                                    class="lqd-af-slidenav d-inline-flex pos-abs z-index-5 text-center">
                                    <button
                                        class="lqd-af-slidenav__item lqd-af-slidenav__item--prev d-inline-flex align-items-center justify-content-center pos-rel">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="32"
                                            viewBox="0 0 21 32" style="width: 1em; height: 1em;">
                                            <path
                                                d="M10.5 18.375l7.938-7.938c.562-.562 1.562-.562 2.125 0s.562 1.563 0 2.126l-9 9c-.563.562-1.5.625-2.063.062L.437 12.562C.126 12.25 0 11.876 0 11.5s.125-.75.438-1.063c.562-.562 1.562-.562 2.124 0z"
                                                fill="currentColor"></path>
                                        </svg>
                                    </button>
                                    <button
                                        class="lqd-af-slidenav__item lqd-af-slidenav__item--next d-inline-flex align-items-center justify-content-center pos-rel">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="32"
                                            viewBox="0 0 21 32" style="width: 1em; height: 1em;">
                                            <path
                                                d="M10.5 13.625l-7.938 7.938c-.562.562-1.562.562-2.124 0C.124 21.25 0 20.875 0 20.5s.125-.75.438-1.063L9.5 10.376c.563-.563 1.5-.5 2.063.063l9 9c.562.562.562 1.562 0 2.125s-1.563.562-2.125 0z"
                                                fill="currentColor"></path>
                                        </svg>
                                    </button>
                                </nav>

                                <div class="lqd-af-slidenum pos-abs">
                                    <span
                                        class="lqd-af-slidenum__line lqd-af-slidenum__line--before d-inline-flex align-items-center"></span>
                                    <div class="lqd-af-slidenum__nums d-flex align-items-center">
                                        <span
                                            class="lqd-af-slidenum__current d-inline-flex align-items-center pos-rel overflow-hidden">
                                            <span class="pos-abs pos-tl">
                                                <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <span class="d-flex align-items-center justify-content-center"><?php echo e($index + 1); ?></span>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </span>
                                        </span>
                                        <span class="lqd-af-slidenum__total"><?php echo e(count($sliders)); ?></span>
                                    </div>
                                    <span
                                        class="lqd-af-slidenum__line lqd-af-slidenum__line--after d-inline-flex align-items-center"></span>
                                </div>

                            </div>

                        </div>
                    </div>
                    <div class="elementor-element elementor-element-17f7e8a elementor-widget elementor-widget-html"
                        data-id="17f7e8a" data-element_type="widget" data-widget_type="html.default">
                        <div class="elementor-widget-container">
                            <style>
                                @media only screen and (max-width: 600px) {

                                    .elementor-9197 .elementor-element.elementor-element-33cfdba .nav-trigger.is-active {
                                        color: #000000;
                                        margin-top: 50px;
                                    }

                                    .h-vh-100 {
                                        height: 92vh;
                                    }

                                    .lqd-mobile-sec .navbar-header {
                                        display: none;
                                    }

                                }

                                .main-footer,
                                .single-liquid-footer #lqd-site-content {
                                    display: none;
                                }

                                .elementor-7793 .elementor-element.elementor-element-5821045 .nav-trigger {
                                    color: #fff;
                                }

                                .main-header {
                                    padding-top: 20px;
                                }

                                @media screen and (min-width: 992px) {
                                    .lqd-af-slide__content {
                                        width: 100%;
                                        margin-left: 26%;
                                    }
                                }

                                .main-header {
                                    padding-top: 0px;
                                }

                                .elementor-7793 .elementor-element.elementor-element-0470a74:not(.elementor-motion-effects-element-type-background),
                                .elementor-7793 .elementor-element.elementor-element-0470a74>.elementor-motion-effects-container>.elementor-motion-effects-layer {
                                    background-color: transparent;
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div><?php /**PATH C:\OSPanel\domains\blooma\resources\views/website/home-partials/slider.blade.php ENDPATH**/ ?>