<div class="page-banner">
    <img src="<?php echo base_url(); ?>assets/user/img/service-banner.webp" class="w-100" alt="service img">
    <div class="page-text">
        <h1 class="heading2">OUR SERVICES</h1>
        <ul class="d-flex justify-content-center list-unstyled">
            <li><a href="<?php echo base_url(); ?>">HOME</a></li>
            <li>></li>
            <li>SERVICES</li>
        </ul>
        <div class="line"></div>
    </div>
</div>

<div class="service-gallery">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-10">
                <div class="our-team team1 mb-4">
                    <div class="team-text text-center">
                        <h2 class="heading1 mb-3"><?php echo $service['category']; ?></h2>
                        <p><?php echo $service['description']; ?></p>
                    </div>
                </div>
            </div>
            <div class="col-lg-11">
                <div class="row g-4">
                    <?php if(isset($gallery) && $gallery){ foreach($gallery as $key => $value){ ?>
                        <div class="col-md-4 col-sm-6">
                            <div class="team-img">
                                <img src="<?php echo base_url($value['image']); ?>" class="w-100" alt="service1 img">
                            </div>
                        </div>
                    <?php } } ?>
                </div>
            </div>
        </div>
    </div>
</div>
</div>