<section
    class="services-area-seven inner-services-bg"
    <?php if($bgImage = $shortcode->background_image): ?> data-background="<?php echo e(RvMedia::getImageUrl($bgImage)); ?>" style="background-image: url(<?php echo e(RvMedia::getImageUrl($bgImage)); ?>);"
         <?php else: ?>
             style="background-color: <?php echo e($shortcode->background_color); ?>;" <?php endif; ?>
>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-6 col-lg-7">
                <div class="section-title-two text-center 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; ?>

                    <?php if($description = $shortcode->description): ?>
                        <p><?php echo BaseHelper::clean(nl2br($description)); ?></p>
                    <?php endif; ?>
                </div>
            </div>
        </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">
                    <div class="features-item-three">
                        <?php if($iconImage = $service->getMetaData('icon_image', true)): ?>
                            <div class="features-icon-three">
                                <img
                                    src="<?php echo e(RvMedia::getImageUrl($iconImage)); ?>"
                                    alt="<?php echo e($service->name); ?>"
                                />
                            </div>
                        <?php elseif($icon = $service->getMetaData('icon', true)): ?>
                            <div class="features-icon-three">
                                <i class="<?php echo e($icon); ?>"></i>
                            </div>
                        <?php endif; ?>
                        <div class="features-content-three">
                            <h2 class="title"><?php echo e($service->name); ?></h2>
                            <p class="truncate-3-custom" title="<?php echo e($description); ?>"><?php echo BaseHelper::clean($service->description); ?></p>
                            <a
                                class="link-btn"
                                href="<?php echo e($service->url); ?>"
                            >
                                <?php echo e(__('View Details')); ?>

                                <svg
                                    stroke="currentColor"
                                    width="19"
                                    height="12"
                                    viewBox="0 0 19 12"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg"
                                >
                                    <path
                                        fill="currentColor"
                                        d="M17.7521 6.67971H1.24604C0.833386 6.67971 0.5 6.37442 0.5 5.99653C0.5 5.61865 0.833386 5.31335 1.24604 5.31335H15.95L11.4225 1.16728C11.1311 0.900413 11.1311 0.46702 11.4225 0.200151C11.7139 -0.0667171 12.1872 -0.0667171 12.4786 0.200151L18.2814 5.51403C18.4959 5.71045 18.5588 6.00294 18.4422 6.25913C18.3257 6.51319 18.0529 6.67971 17.7521 6.67971Z"
                                        fill="#0055FF"
                                    />
                                    <path
                                        fill="currentColor"
                                        d="M11.9424 12C11.7512 12 11.56 11.9338 11.4155 11.7993C11.1241 11.5324 11.1241 11.0991 11.4155 10.8322L17.2253 5.5119C17.5167 5.24503 17.9899 5.24503 18.2814 5.5119C18.5728 5.77877 18.5728 6.21216 18.2814 6.47903L12.4716 11.7993C12.3247 11.9338 12.1335 12 11.9424 12Z"
                                        fill="#0055FF"
                                    />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php /**PATH /home/mideatek/taxandaccounts.ae/platform/themes/gerow/partials/shortcodes/services-list/styles/style-3.blade.php ENDPATH**/ ?>