 <?php if ($all_prd_fr_image): ?>
    <div class="card custom-sadow" id="Fron_Design">
       <div class="card-header">
          <h3 class="card-title"><i class="fa fa-desktop" aria-hidden="true"></i> &nbsp;&nbsp;Frontend Design</h3>
       </div>
       <div class="card-body">
          <div
             style="--swiper-navigation-color: #000; --swiper-pagination-color: #000"
             class="swiper mySwiper2">
             <div class="swiper-wrapper">
                <?php foreach ($all_prd_fr_image as $fr_image): ?>
                   <div class="swiper-slide">
                      <img loading="lazy" src="<?php echo base_url() ?><?php echo $fr_image->prd_fr_image_image ?>" />
                   </div>
                <?php endforeach ?>
             </div>
             <div class="swiper-button-next">></div>
             <div class="swiper-button-prev">
                << /div>
             </div>
             <div thumbsSlider="" class="swiper mySwiper">
                <div class="swiper-wrapper">
                   <?php foreach ($all_prd_fr_image as $fr_image): ?>
                      <div class="swiper-slide">
                         <a href="<?php echo base_url() ?><?php echo $fr_image->prd_fr_image_image ?>" data-source="<?php echo base_url() ?><?php echo $fr_image->prd_fr_image_image ?>" style="width:100%;">
                            <img loading="lazy" src="<?php echo base_url() ?><?php echo $fr_image->prd_fr_image_image ?>" />
                         </a>
                      </div>
                   <?php endforeach ?>
                </div>
             </div>
           
          </div>
       </div>
        <?php include 'button.php';?>
    </div>
    
 <?php endif; ?>