<!--==========================About==========================-->
<div data-elementor-type="wp-page" data-elementor-id="7987" class="elementor elementor-7987">
    <section
        class="elementor-section elementor-top-section elementor-element elementor-element-332b3a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible"
        data-id="332b3a4" data-element_type="section"
        data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}">
        <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-020a6ab"
                data-id="020a6ab" data-element_type="column">
                <div class="elementor-widget-wrap elementor-element-populated">
                    <div class="elementor-element elementor-element-586ae2d elementor-widget__width-auto elementor-widget elementor-widget-hub_fancy_heading"
                        data-id="586ae2d" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                        <div class="elementor-widget-container">

                            <div id="ld-fancy-heading-67fe4d877e7b3" class="ld-fancy-heading pos-rel">
                                <h6
                                    class="ld-fh-element d-inline-block pos-rel elementor-heading-title normal lqd-highlight-classic lqd-highlight-grow-left h6">
                                    <?php echo e(trans('home.about_us')); ?></h6>
                            </div>

                        </div>
                    </div>
                    <div class="elementor-element elementor-element-5ad9ac0 elementor-widget elementor-widget-hub_fancy_heading"
                        data-id="5ad9ac0" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                        <div class="elementor-widget-container">

                            <div id="ld-fancy-heading-67fe4d877f2b8" class="ld-fancy-heading pos-rel">
                                <h1 class="ld-fh-element d-inline-block pos-rel elementor-heading-title normal lqd-highlight-classic lqd-highlight-grow-left h1"
                                    data-text-rotator="true"> <span class="txt-rotate-keywords"><span
                                            class="txt-rotate-keyword active"><span>Design</span></span><span
                                            class="txt-rotate-keyword"><span>Build </span></span><span
                                            class="txt-rotate-keyword"><span>Services</span></span></span>
                                </h1>
                            </div>

                        </div>
                    </div>
                    <div class="elementor-element elementor-element-6ae0bed elementor-widget elementor-widget-hub_fancy_heading"
                        data-id="6ae0bed" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                        <div class="elementor-widget-container">

                            <div id="ld-fancy-heading-67fe4d877fd98" class="ld-fancy-heading pos-rel">
                                <p
                                    class="ld-fh-element d-inline-block pos-rel normal lqd-highlight-classic lqd-highlight-grow-left p">
                                    <?php echo $about->text; ?>

                                </p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4ba390f"
                data-id="4ba390f" data-element_type="column">
                <div class="elementor-widget-wrap">
                </div>
            </div>
        </div>
    </section>
    <section data-parallax="true"
        data-parallax-options="{&quot;ease&quot;:[&quot;linear&quot;],&quot;start&quot;:&quot;top top&quot;,&quot;end&quot;:&quot;bottom+=0px top&quot;}"
        data-parallax-from="{&quot;y&quot;:&quot;0px&quot;,&quot;scaleX&quot;:1,&quot;scaleY&quot;:1,&quot;opacity&quot;:1}"
        data-parallax-to="{&quot;y&quot;:&quot;-100px&quot;,&quot;scaleX&quot;:1.2,&quot;scaleY&quot;:1.2,&quot;opacity&quot;:0}"
        class="elementor-section elementor-top-section elementor-element elementor-element-3520d53d elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible"
        data-id="3520d53d" data-element_type="section"
        data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}"
        style="background-image: url('<?php echo e($about->image); ?>');">
        <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75a2d9f5"
                data-id="75a2d9f5" data-element_type="column">
                <div class="elementor-widget-wrap">
                </div>
            </div>
        </div>
    </section>
    <?php $__currentLoopData = $servicesTitle; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $title): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <section data-custom-animations="true"
            data-ca-options="{&quot;addChildTimelines&quot;:false,&quot;animationTarget&quot;:&quot;:scope &gt; .elementor-container &gt; .elementor-column&quot;,&quot;ease&quot;:[&quot;power4.out&quot;],&quot;initValues&quot;:{&quot;y&quot;:&quot;40px&quot;,&quot;opacity&quot;:0},&quot;animations&quot;:{&quot;y&quot;:&quot;0px&quot;,&quot;opacity&quot;:1}}"
            class="elementor-section elementor-top-section elementor-element elementor-element-4f6b5cc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
            data-id="4f6b5cc6" data-element_type="section" id="services">
            <div class="elementor-container elementor-column-gap-default">
                <div data-animated-borders="1"
                    class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-35c6f018"
                    data-id="35c6f018" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-b4074ce elementor-widget elementor-widget-image"
                            data-id="b4074ce" data-element_type="widget" data-widget_type="image.default">
                            <div class="elementor-widget-container">
                                <img decoding="async" fetchpriority="high" width="1000" height="1000"
                                    src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1000 1000&#039;%2F%3E"
                                    class="attachment-full size-full wp-image-8752 ld-lazyload" alt=""
                                    data-src="<?php echo e($title->image); ?>"
                                    data-srcset="<?php echo e($title->image); ?> 1000w, assets/imgs/services-300x300.jpg 300w, assets/imgs/services-150x150.jpg 150w, assets/imgs/services-320x320.jpg 320w, assets/imgs/services-760x760.jpg 760w, assets/imgs/services-600x600.jpg 600w, assets/imgs/services-100x100.jpg 100w"
                                    data-sizes="(max-width: 1000px) 100vw, 1000px" data-aspect="1" />
                            </div>
                        </div>
                    </div>
                </div>
                <div data-animated-borders="1"
                    class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-34aff928"
                    data-id="34aff928" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-e44782e elementor-widget elementor-widget-hub_fancy_heading"
                            data-id="e44782e" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                            <div class="elementor-widget-container">

                                <div id="ld-fancy-heading-67fe4d8797d3a" class="ld-fancy-heading pos-rel">
                                    <h2
                                        class="ld-fh-element d-inline-block pos-rel elementor-heading-title normal lqd-highlight-classic lqd-highlight-grow-left h2">
                                        <?php echo e(trans('home.services')); ?></h2>
                                </div>

                            </div>
                        </div>

                        <div class="elementor-element elementor-element-e769b0c elementor-widget elementor-widget-hub_fancy_heading"
                            data-id="e769b0c" data-element_type="widget"
                            data-widget_type="hub_fancy_heading.default">
                            <div class="elementor-widget-container">
                                <div id="ld-fancy-heading-67fe4d8798965" class="ld-fancy-heading pos-rel">
                                    <p
                                        class="ld-fh-element d-inline-block pos-rel normal lqd-highlight-classic lqd-highlight-grow-left p">
                                        <?php echo $configration->about_app; ?></p>
                                </div>
                            </div>
                        </div>
                        <div class="elementor-element elementor-element-91c14cb elementor-widget elementor-widget-hub_fancy_heading"
                            data-id="91c14cb" data-element_type="widget"
                            data-widget_type="hub_fancy_heading.default">
                            <div class="elementor-widget-container">

                                <div id="ld-fancy-heading-67fe4d8799604" class="ld-fancy-heading pos-rel">
                                    <p
                                        class="ld-fh-element d-inline-block pos-rel normal lqd-highlight-classic lqd-highlight-grow-left p">
                                        <?php echo e(trans('home.Services we provide')); ?></p>
                                </div>

                            </div>
                        </div>
                        <div class="elementor-element elementor-element-28d8daa elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-ld_custom_menu"
                            data-id="28d8daa" data-element_type="widget" data-widget_type="ld_custom_menu.default">
                            <div class="elementor-widget-container">

                                <div class="lqd-fancy-menu lqd-custom-menu pos-rel lqd-menu-td-none">

                                    <ul class="reset-ul inline-nav" id="28d8daa">
                                        <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li>
                                                    <span
                                                        class="link-icon d-inline-flex hide-if-empty align-items-center right-icon icon-next-to-label"></span>

                                                    <?php echo e($service->name); ?>

                                            </li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    <section
        class="elementor-section elementor-top-section elementor-element elementor-element-8fd1b8c elementor-section-full_width elementor-section-height-default elementor-section-height-default"
        data-id="8fd1b8c" data-element_type="section"
        data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
        <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7bce2d5"
                data-id="7bce2d5" data-element_type="column">
                <div class="elementor-widget-wrap elementor-element-populated">
                    <div class="elementor-element elementor-element-716d737 elementor-widget elementor-widget-hub_fancy_heading"
                        data-id="716d737" data-element_type="widget" data-widget_type="hub_fancy_heading.default">
                        <div class="elementor-widget-container">

                            <div id="ld-fancy-heading-67fe4d879de2f" class="ld-fancy-heading pos-rel">
                                <h2
                                    class="ld-fh-element d-inline-block pos-rel elementor-heading-title normal lqd-highlight-classic lqd-highlight-grow-left h2">
                                    <?php echo e(trans('home.Services we provide')); ?></h2>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section
        class="elementor-section elementor-top-section elementor-element elementor-element-5dcfcc9e elementor-section-full_width elementor-section-height-default elementor-section-height-default"
        data-id="5dcfcc9e" data-element_type="section" id="including"
        data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
        <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c5ee79b"
                data-id="6c5ee79b" data-element_type="column">
                <div class="elementor-widget-wrap elementor-element-populated">
                    <div class="elementor-element elementor-element-592f80c8 elementor-widget elementor-widget-ld_carousel"
                        data-id="592f80c8" data-element_type="widget" data-widget_type="ld_carousel.default">
                        <div class="elementor-widget-container">

                            <div class="carousel-container pos-rel   carousel-nav-shaped                  ">

                                <div class="carousel-items pos-rel "
                                    data-lqd-flickity='{"randomVerOffset":true,"marquee":true,"marqueeTickerSpeed":"0.5"}'>

                                    <div class="flickity-viewport pos-rel w-100 overflow-hidden">
                                        <div class="flickity-slider d-flex w-100 h-100 pos-rel align-items-start"
                                        style="left: 0; transform: translateX(0%);">
                                        <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <div
                                                class="carousel-item d-flex flex-column justify-content-center elementor-repeater-item-df65da9">
                                                <div class="carousel-item-inner pos-rel w-100">
                                                    <div class="carousel-item-content pos-rel w-100">

                                                        <table border="0">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="text-align: center;">
                                                                        <?php echo e($service->name); ?></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        <p><br /><img decoding="async"
                                                                class="alignnone wp-image-9064 size-full"
                                                                src="<?php echo e($service->img); ?>" alt=""
                                                                width="760" height="760"
                                                                srcset="<?php echo e($service->img); ?> 760w, <?php echo e($service->img); ?> 300w, <?php echo e($service->img); ?> 150w"
                                                                sizes="(max-width: 760px) 100vw, 760px" />
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-367a1d5 elementor-widget elementor-widget-html"
                        data-id="367a1d5" data-element_type="widget" data-widget_type="html.default">
                        <div class="elementor-widget-container">
                            <style>
                                table tbody tr:nth-child(odd) {
                                    background-color: #fff
                                }

                                table tbody tr {
                                    color: #000
                                }
                            </style>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    
    
    <section data-section-luminosity="dark"
        class="elementor-section elementor-top-section elementor-element elementor-element-27a282b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
        data-id="27a282b1" data-element_type="section"
        data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
        <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2989aa02"
                data-id="2989aa02" data-element_type="column">
                <div class="elementor-widget-wrap">
                </div>
            </div>
            <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f0eee6a"
                data-id="f0eee6a" data-element_type="column">
                <div class="elementor-widget-wrap">
                </div>
            </div>
        </div>
    </section>
</div>

<!--==========================About==========================-->
<?php /**PATH C:\OSPanel\domains\blooma\resources\views/website/section-partials/about.blade.php ENDPATH**/ ?>