<?php if ( get_theme_mod('pr_services_slider_box_enable', true) == true ) : ?>
<div id="slider">
  <div class="slider-main">
  <div class="container">
    <div class="slider">
      <?php
      $pr_services_slider_image = get_theme_mod('pr_services_slider_counter','');
      for ( $pr_services_i = 1; $pr_services_i <= $pr_services_slider_image; $pr_services_i++ ){
        ?>
        <div class="slider-box" data-dot-img="<?php echo esc_url(get_theme_mod('pr_services_slider_image'.$pr_services_i)); ?>">
          <div class="row" >
            <div class="col-lg-5 col-md-5 col-sm-12 align-self-center wow zoomIn">
              <div class="slider-image-box" >
                <?php if ( get_theme_mod('pr_services_slider_image'.$pr_services_i, ) ) : ?>
                  <img src="<?php echo esc_url(get_theme_mod('pr_services_slider_image'.$pr_services_i)); ?>" class="slide-image"/>
                <?php endif; ?>
              </div>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-12 align-self-center wow zoomIn">
              <div class="slider-content">
                <h2 class="mb-0"><?php echo esc_html(get_theme_mod('pr_services_slider_sub_heading'.$pr_services_i));?></h2>
                <h1 class="mt-md-2"><?php echo esc_html(get_theme_mod('pr_services_slider_main_heading'.$pr_services_i));?></h1>
                <div class="mt-lg-4 mb-5">
                  <?php if ( get_theme_mod('pr_services_slider_button_url'.$pr_services_i, ) || get_theme_mod('pr_services_slider_button_text'.$pr_services_i,) ) : ?>
                    <a href="<?php echo esc_url(get_theme_mod('pr_services_slider_button_url'.$pr_services_i));?>" class="button animate__animated animate__pulse">
                    <?php echo esc_html(get_theme_mod('pr_services_slider_button_text'.$pr_services_i));?></a>
                  <?php endif; ?>
                </div>
                <?php if ( get_theme_mod('pr_services_slider_rating_heading'.$pr_services_i) || get_theme_mod('pr_services_slider_rating_total_number'.$pr_services_i) || get_theme_mod('pr_services_slider_rating_score'.$pr_services_i) ) : ?>
                  <div class="circle-box">
                    <div class="rating-box">
                      <span class="me-2 rating-heading">
                        <?php echo esc_html(get_theme_mod('pr_services_slider_rating_heading'.$pr_services_i));?>
                      </span>
                      <span class="rating-text">
                        (<?php echo esc_html(get_theme_mod('pr_services_slider_rating_total_number'.$pr_services_i));?><?php echo esc_html('Member','pr-services');?>)
                      </span>
                    </div>
                    <div class="rating-image d-flex align-center">
                      <span>
                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/star.png' ); ?>">
                      </span>
                      <span class="rating-text">
                        <?php echo esc_html(get_theme_mod('pr_services_slider_rating_score'.$pr_services_i));?> 
                      </span>
                    </div>
                  </div>
                <?php endif; ?>
              </div>
            </div>
          </div>
        </div>
      <?php }?>
    </div>
  </div>
  </div>
</div>
<?php endif; ?>
