<div id="service" class="service text-center wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
    <div class="title-section">
        <?php $main_service = sherkati_get_option('service-gorup'); ?>
        <h2><?php echo $main_service[0]['title'] ?></h2>
        <p> <?php echo $main_service[0]['discription'] ?></p>
    </div>
    <div class="container">
        <div class="row">
            <?php $service = sherkati_get_option('service-gorup-item');
            foreach ($service as $key=>$value) {
            ?>
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="service-item">
                        <div class="icon box-shadoow">
                            <i class="fa fa-<?php echo $value['icon'] ?> fa-2x"></i>
                        </div>
                        <h4> <?php echo $value['title'] ?></h4>
                        <p> <?php echo $value['text'] ?></p>
                    </div>
                </div>
            <?php
            }
            ?>
   
        </div>
    </div>
</div>
<div class="clearfix"></div>