<section class="services-area-three">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-5 col-lg-6 col-md-8">
                <div class="section-title-two mb-50">
                    <?php if($badge = $shortcode->badge): ?>
                        <span class="sub-title"><?php echo e($badge); ?></span>
                    <?php endif; ?>
                    <?php if($title = $shortcode->title): ?>
                        <h2 class="title"><?php echo BaseHelper::clean($title); ?></h2>
                    <?php endif; ?>
                </div>
            </div>
            <?php if(($buttonLabel = $shortcode->button_label) && ($buttonLink = $shortcode->link)): ?>
                <div class="col-xl-7 col-lg-6 col-md-4">
                    <div class="view-all-btn text-end mb-30">
                        <a
                            class="btn transparent-btn-two"
                            href="<?php echo e($buttonLink); ?>"
                        ><?php echo e($buttonLabel); ?></a>
                    </div>
                </div>
            <?php endif; ?>
        </div>
        <div class="row justify-content-center">
            <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-10">
                    <div class="services-item-three">
                        <div class="services-thumb-three">
                            <a href="<?php echo e($service->url); ?>"><img
                                    src="<?php echo e(RvMedia::getImageUrl($service->image)); ?>"
                                    alt="shape"
                                /></a>
                        </div>
                        <div class="services-content-three">
                            <?php if($iconImage = $service->getMetaData('icon_image', true)): ?>
                                <div class="services-icon">
                                    <img
                                        src="<?php echo e(RvMedia::getImageUrl($iconImage)); ?>"
                                        alt="<?php echo e($service->name); ?>"
                                    />
                                </div>
                            <?php elseif($icon = $service->getMetaData('icon', true)): ?>
                                <div class="services-icon">
                                    <i class="<?php echo e($icon); ?>"></i>
                                </div>
                            <?php endif; ?>
                            <h4 class="title"><a href="<?php echo e($service->url); ?>"><?php echo e($service->name); ?></a></h4>

                            <?php if($description = $service->description): ?>
                                <p class="truncate-3-custom" title="<?php echo e($description); ?>"><?php echo BaseHelper::clean(nl2br($description)); ?></p>
                            <?php endif; ?>

                            <?php if($iconImage = $service->getMetaData('icon_image', true)): ?>
                                <div class="overlay-icon pb-10">
                                    <img
                                        src="<?php echo e(RvMedia::getImageUrl($iconImage)); ?>"
                                        alt="<?php echo e($service->name); ?>"
                                    />
                                </div>
                            <?php elseif($icon = $service->getMetaData('icon', true)): ?>
                                <div class="overlay-icon pb-10">
                                    <i class="<?php echo e($icon); ?>"></i>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
    <?php if($bgImage = $shortcode->background_image): ?>
        <div class="services-shape-four">
            <img
                class="aos-init aos-animate"
                data-aos="fade-left"
                data-aos-delay="200"
                src="<?php echo e(RvMedia::getImageUrl($bgImage)); ?>"
                alt="shape"
            />
        </div>
    <?php endif; ?>
</section>
<?php /**PATH /home/mideatek/technical.globix.ae/platform/themes/gerow/partials/shortcodes/services-list/styles/style-4.blade.php ENDPATH**/ ?>