<?php
if($template_id != 17 && $template_id != 20) {
?>  
<style>
.wpm-6310-owl-carousel  .wpm-6310-item{
  padding: 5px 0;
  width: calc(100% - <?php echo esc_attr((($allStyle[3] ? $allStyle[3] : 1) * 2)) ?>px) !important;
}
</style>
<?php
}
?>
<div id="tab-5">
  <div class="row wpm_6310_padding_15_px">
    <div class="wpm-col-6">
      <table class="table table-responsive wpm_6310_admin_table">
        <tr>
          <td width="45%">
            <b>Activate Slider</b>
          </td>
          <td>
            <input type="hidden" name="slider_activation" id="slider_activation" value="<?php echo esc_attr($allSlider[0]) ?>" />
            <button type="button" value="1" class="wpm-btn-multi activate-slider<?php if ($allSlider[0] == 1) echo " active" ?>">Yes</button>
            <button type="button" value="0" class="wpm-btn-multi activate-slider<?php if ($allSlider[0] == 0) echo " active" ?>">No</button>
          </td>
        </tr>
        <tr class="slider_status">
          <td><b>Effect Duration</b></td>
          <td>
            <select name="effect_duration" id="wpm_6310_slider_duration_<?php echo esc_attr($styleId) ?>" class="wpm-form-input">
              <option value="1000"<?php if ($allSlider[2] == "1000") echo " selected" ?>>1 Second</option>
              <?php
              $n = 2000;
              for ($m = 2; $m <= 20; $m++) {
                ?>
                <option value="<?php echo esc_attr($n); ?>" <?php if ($allSlider[2] == $n) echo " selected" ?>><?php echo esc_attr($m) ?> Seconds</option>
                <?php
                $n += 1000;
              }
              ?>

            </select>
          </td>
        </tr>
        <tr class="slider_status">
          <td>
            <b>Activate Previous/Next</b>
          </td>
          <td>
            <input type="hidden" name="prev_next_active" id="prev_next_active" value="<?php echo esc_attr($allSlider[3]) ?>" />
            <button type="button" value="true" class="wpm-btn-multi prev_next_active<?php if ($allSlider[3] == "true") echo " active" ?>">Yes</button>
            <button type="button" value="false" class="wpm-btn-multi prev_next_active<?php if ($allSlider[3] == "false") echo " active" ?>">No</button>
          </td>
        </tr>
        <tr class="wpm_6310_prev_next_act slider_status">
          <td>
            <b>Previous/Next Icon</b>
          </td>
          <td>
            <select name="icon_style" id="wpm_6310_icon_style" class="wpm-form-input" >
              <option value="fas fa-angle"<?php if ($allSlider[4] == "fas fa-angle") echo " selected=''" ?>>Angle</option>
              <option value="fas fa-arrow"<?php if ($allSlider[4] == "fas fa-arrow") echo " selected=''" ?>>Arrow</option>
              <option value="fas fa-arrow-circle"<?php if ($allSlider[4] == "fas fa-arrow-circle") echo " selected=''" ?>>Arrow Circle</option>
              <option value="far fa-arrow-alt-circle"<?php if ($allSlider[4] == "far fa-arrow-alt-circle") echo " selected=''" ?>>Arrow Circle2</option>
              <option value="fas fa-caret"<?php if ($allSlider[4] == "fas fa-caret") echo " selected=''" ?>>Caret</option>
              <option value="fas fa-caret-square"<?php if ($allSlider[4] == "fas fa-caret-square") echo " selected=''" ?>>Caret Square</option>
              <option value="fas fa-chevron"<?php if ($allSlider[4] == "fas fa-chevron") echo " selected=''" ?>>Chevron</option>
              <option value="fas fa-chevron-circle"<?php if ($allSlider[4] == "fas fa-chevron-circle") echo " selected=''" ?>>Chevron Circle</option>
            </select>
          </td>
        </tr>
        <tr class="wpm_6310_prev_next_act slider_status">
          <td>
            <b>Previous/Next Icon Size</b>
          </td>
          <td>
            <input type="number" min="0"  name="prev_next_icon_size" id="wpm_6310_prev_next_icon_size" class="wpm-form-input" value="<?php echo esc_attr($allSlider[5]) ?>" />
          </td>
        </tr>
        <tr class="wpm_6310_prev_next_act slider_status">
          <td>
            <b>Border Radius</b>
          </td>
          <td>
            <input type="number" min="0"  name="prev_next_icon_border_radius" id="wpm_6310_prev_next_icon_border_radius" class="wpm-form-input" value="<?php echo esc_attr($allSlider[6]) ?>" />
          </td>
        </tr>
        <tr class="wpm_6310_prev_next_act slider_status">
          <td><b>Previous/Next Background Color</b></td>
          <td>
            <input type="text" name="prev_next_bgcolor" id="wpm_6310_prev_next_bgcolor" class="wpm-form-input wpm_6310_color_picker" data-format="rgb" data-opacity=".8" value="<?php echo esc_attr($allSlider[7]) ?>">
          </td>
        </tr>        
        <tr class="wpm_6310_prev_next_act slider_status">
          <td><b>Previous/Next Hover Background Color</b></td>
          <td>
            <input type="text" name="prev_next_hover_bgcolor" id="wpm_6310_prev_next_hover_bgcolor" class="wpm-form-input wpm_6310_color_picker" data-format="rgb" data-opacity=".8" value="<?php echo esc_attr($allSlider[9]) ?>">
          </td>
        </tr>  
        <tr class="wpm_6310_prev_next_act slider_status">
          <td><b>Previous/Next Text Color</b></td>
          <td>
            <input type="text" name="prev_next_color" id="wpm_6310_prev_next_color" class="wpm-form-input wpm_6310_color_picker" data-format="rgb" data-opacity=".8" value="<?php echo esc_attr($allSlider[8]) ?>">
          </td>
        </tr>     
        <tr class="wpm_6310_prev_next_act slider_status">
          <td><b>Previous/Next Hover Text Color</b></td>
          <td>
            <input type="text" name="prev_next_hover_color" id="wpm_6310_prev_next_hover_color" class="wpm-form-input wpm_6310_color_picker" data-format="rgb" data-opacity=".8" value="<?php echo esc_attr($allSlider[10]) ?>">
          </td>
        </tr> 
      </table>
    </div>
    <div class="wpm-col-6">
      <table class="table table-responsive wpm_6310_admin_table">
        <tr class="slider_status">
          <td width="45%">
            <b>Activate Indicator</b>
          </td>
          <td>
            <input type="hidden" name="indicator_activation" id="indicator_activation" value="<?php echo esc_attr($allSlider[11]) ?>" />
            <button type="button" value="true" class="wpm-btn-multi indicator_activation<?php if ($allSlider[11] == 'true') echo " active" ?>">Yes</button>
            <button type="button" value="false" class="wpm-btn-multi indicator_activation<?php if ($allSlider[11] == 'false') echo " active" ?>">No</button>
          </td>
        </tr>
        <tr class="wpm_6310_indicator_act slider_status">
          <td>
            <b>Indicator Width</b>
          </td>
          <td>
            <input type="number" min="0"  name="indicator_width" id="wpm_6310_indicator_width" class="wpm-form-input" value="<?php echo esc_attr($allSlider[12]) ?>" />
          </td>
        </tr>
        <tr class="wpm_6310_indicator_act slider_status">
          <td>
            <b>Indicator Height</b>
          </td>
          <td>
            <input type="number" min="0"  name="indicator_height" id="wpm_6310_indicator_height" class="wpm-form-input" value="<?php echo esc_attr($allSlider[13]) ?>" />
          </td>
        </tr>
        <tr class="wpm_6310_indicator_act slider_status">
          <td><b>Active Indicator Color</b></td>
          <td>
            <input type="text" name="indicator_active_color" id="wpm_6310_indicator_active_color" class="wpm-form-input wpm_6310_color_picker" data-format="rgb" data-opacity=".8" value="<?php echo esc_attr($allSlider[14]) ?>">
          </td>
        </tr>
        <tr class="wpm_6310_indicator_act slider_status">
          <td><b>Indicator Color</b></td>
          <td>
            <input type="text" name="indicator_color" id="wpm_6310_indicator_color" class="wpm-form-input wpm_6310_color_picker" data-format="rgb" data-opacity=".8" value="<?php echo esc_attr($allSlider[15]) ?>">
          </td>
        </tr>
        <tr class="wpm_6310_indicator_act slider_status">
          <td><b>Border Radius</b></td>
          <td>
            <input type="number" min="0"  name="indicator_border_radius" id="wpm_6310_indicator_border_radius" class="wpm-form-input" value="<?php echo esc_attr($allSlider[16]) ?>">
          </td>
        </tr>
        <tr class="wpm_6310_indicator_act slider_status">
          <td><b>Indicator Margin</b></td>
          <td>
            <input type="number" min="0"  name="indicator_margin" id="wpm_6310_indicator_margin" class="wpm-form-input" value="<?php echo esc_attr($allSlider[17]) ?>">
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>
<div id="tab-6">
  <p for="" style="width: calc(100% - 30px); margin: 0 15px 5px; font-size: 14px; padding-top: 15px; color: #000"><b>Add Your Custom CSS Code Here</b>
  <span class="wpm-6310-pro">(Pro)</span>
</p><br />
  <textarea class="codemirror-textarea" name="custom_css" rows="8"><?php echo esc_attr($styledata['memberorder']) ?></textarea>
</div>

<?php 
  include wpm_6310_plugin_url . 'settings/helper/description-form.php';
  include wpm_6310_plugin_url . 'settings/helper/readmore_form.php';
  include wpm_6310_plugin_url . 'settings/helper/contact-info-form.php';
  include wpm_6310_plugin_url . 'settings/helper/modal-form.php';
  if(isset($descriptionForm)){
    echo "<script>jQuery(document).ready(function () {jQuery('#tab7').hide(); });</script>";
  }
  if(isset($contactForm)){
    echo "<script>jQuery(document).ready(function () {jQuery('#tab8').hide(); });</script>";
  }
?>

<script>
jQuery(document).ready(function () {
  jQuery("body").on("change", "#wpm_background_preview", function () {
    var value = jQuery(this).val();
    jQuery(".wpm_6310_tabs_panel_preview").css({"background": value});
  });

  var owl = jQuery("#wpm-6310-slider-<?php echo $styleId ?>");
  owl.tss6310OwlCarousel({
    autoplay: true,
    lazyLoad: true,
    loop: true,
    margin: <?php echo ((isset($allSlider[127]) && $allSlider[127]?$allSlider[127]:15) * 2) ?>,
    autoplayTimeout: <?php echo $allSlider[2] ?>,
    autoplayHoverPause: true,
    responsiveClass: true,
    autoHeight: true,
    nav: <?php echo $allSlider[3] ?>,
    dots: <?php echo $allSlider[11] ?>,
    navText: ["<i class='<?php echo $allSlider[4] ?>-left'></i>", "<i class='<?php echo $allSlider[4] ?>-right'></i>"],
    responsive: {
      0: {
        items: <?php echo $mobile_row; ?>
      },
      767: {
        items: <?php echo $tablet_row; ?>
      },
      1024: {
        items: <?php echo $desktop_row ?>
      },
      1366: {
        items: <?php echo $desktop_row ?>
      }
    }
  });
  owl.on('mouseleave', function () {
    owl.trigger('stop.owl.autoplay'); //this is main line to fix it
    owl.trigger('play.owl.autoplay', [<?php echo $allSlider[2] ?>]);
  });

  <?php
   if ($allSlider[0]) {
    echo "jQuery('#wpm-6310-noslider-{$styleId}').hide();";
    echo "jQuery('.slider_status').show();";
    if ($allSlider[3] == 'true') {
      echo ' jQuery(".wpm_6310_prev_next_act, #wpm_6310_prev, #wpm_6310_next, #wpm_6310_prev_font_icon, #wpm_6310_next_font_icon").show();';
    } else {
      echo ' jQuery(".wpm_6310_prev_next_act, #wpm_6310_prev, #wpm_6310_next, #wpm_6310_prev_font_icon, #wpm_6310_next_font_icon").hide();';
    }
  
    if ($allSlider[11] == 'true') {
      echo 'jQuery(".wpm_6310_indicator_act, #wpm_6310_carousel_indicators").show();';
    } else {
      echo 'jQuery(".wpm_6310_indicator_act, #wpm_6310_carousel_indicators").hide();';
    }
  } else {
    echo "jQuery('#wpm-6310-slider-{$styleId}, .slider_status').hide();";
  }
  ?>

  //##############   Live preview settings Start  ##############################
  jQuery("body").on("click", ".activate-slider", function () {
    var val = parseInt(jQuery(this).val());
    var category = parseInt(jQuery('#category_activation').val());
    jQuery(".activate-slider").removeClass("active");
    jQuery(this).addClass("active");
    jQuery("#slider_activation").val(val);
    if (val == 0) {
      jQuery("#wpm-6310-noslider-<?php echo $styleId ?>").show();
      jQuery("#wpm-6310-slider-<?php echo $styleId ?>, .slider_status").hide();
      if(category == 1){
        jQuery("#wpm-6310-category-<?php echo $styleId ?>, .category_field").show();
        jQuery(".wpm_6310_category_list").removeClass('wpm_6310_category_list_active');
        jQuery("#wpm-6310-category-<?php echo $styleId ?>").find(".wpm_6310_category_list:first-child").addClass('wpm_6310_category_list_active');
      }
    } else {
      jQuery("#wpm-6310-slider-<?php echo $styleId ?>, .slider_status").show();
      jQuery("#wpm-6310-noslider-<?php echo $styleId ?>").hide();
       //Check Indicator and prev/next button
       let prevNext = jQuery("#prev_next_active").val();
      let indicator = jQuery("#indicator_activation").val();
      prevNext == 'true' ? jQuery(".wpm_6310_prev_next_act").show() : jQuery(".wpm_6310_prev_next_act").hide();
      indicator == 'true' ? jQuery(".wpm_6310_indicator_act").show() : jQuery(".wpm_6310_indicator_act").hide();
    }
  });

  jQuery("body").on("change", "#wpm_6310_slider_duration_<?php echo $styleId ?>", function () {
    jQuery('#wpm-6310-slider-<?php echo $styleId ?>').data('owl.carousel').options.autoplayTimeout = jQuery('#wpm_6310_slider_duration_<?php echo $styleId ?>').val();
    jQuery('#wpm-6310-slider-<?php echo $styleId ?>').trigger('refresh.owl.carousel');
  });

  jQuery("body").on("click", ".prev_next_active", function () {
    var val = jQuery(this).val();
    jQuery(".prev_next_active").removeClass("active");
    jQuery(this).addClass("active");
    jQuery("#prev_next_active").val(val);
    if (val == "true") {
      jQuery(".wpm_6310_prev_next_act, #wpm_6310_prev, #wpm_6310_next, #wpm_6310_prev_font_icon, #wpm_6310_next_font_icon").show();
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').data('owl.carousel').options.nav = true;
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').trigger('refresh.owl.carousel');
    } else {
      jQuery(".wpm_6310_prev_next_act, #wpm_6310_prev, #wpm_6310_next, #wpm_6310_prev_font_icon, #wpm_6310_next_font_icon").hide();
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').data('owl.carousel').options.nav = false;
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').trigger('refresh.owl.carousel');
    }
  });


  jQuery("body").on("change", "#wpm_6310_icon_style", function () {
    jQuery("#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div.wpm-6310-owl-prev i").attr("class", "" + jQuery(this).val() + "-left");
    jQuery("#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div.wpm-6310-owl-next i").attr("class", "" + jQuery(this).val() + "-right");
  });

  jQuery("body").on("change", "#wpm_6310_prev_next_icon_size", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div { font-size:" + parseInt(jQuery(this).val()) + "px; line-height:" + (parseInt(jQuery(this).val()) + 15) + "px; height:" + (parseInt(jQuery(this).val()) + 15) + "px; width:" + (parseInt(jQuery(this).val()) + 15) + "px;} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_prev_next_icon_border_radius", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div.wpm-6310-owl-prev { border-radius:" + "0 " + parseInt(jQuery(this).val()) + "% " + parseInt(jQuery(this).val()) + "% 0" + ";} #wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div.wpm-6310-owl-next { border-radius:" + parseInt(jQuery(this).val()) + "% 0 0 " + parseInt(jQuery(this).val()) + "%" + ";}</style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_prev_next_bgcolor", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div { background:" + jQuery(this).val() + ";} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_prev_next_color", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div { color:" + jQuery(this).val() + ";} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_prev_next_hover_bgcolor", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div:hover { background:" + jQuery(this).val() + ";} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_prev_next_hover_color", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-owl-nav div:hover { color:" + jQuery(this).val() + ";} </style>").appendTo("body");
  });

  jQuery("body").on("click", ".indicator_activation", function () {
    var val = jQuery(this).val();
    jQuery(".indicator_activation").removeClass("active");
    jQuery(this).addClass("active");
    jQuery("#indicator_activation").val(val);
    if (val == "true") {
      jQuery(".wpm_6310_indicator_act, #wpm_6310_carousel_indicators").show();
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').data('owl.carousel').options.dots = true;
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').trigger('refresh.owl.carousel');
    } else {
      jQuery(".wpm_6310_indicator_act, #wpm_6310_carousel_indicators").hide();
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').data('owl.carousel').options.dots = false;
      jQuery('#wpm-6310-slider-<?php echo $styleId ?>').trigger('refresh.owl.carousel');
    }
  });

  jQuery("body").on("change", "#wpm_6310_indicator_width", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-wpm-6310-owl-dots div { width:" + parseInt(jQuery(this).val()) + "px;} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_indicator_height", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-wpm-6310-owl-dots div { height:" + parseInt(jQuery(this).val()) + "px;} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_indicator_active_color", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-wpm-6310-owl-dots div.active{ background-color:" + jQuery(this).val() + ";} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_indicator_color", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-wpm-6310-owl-dots div { background-color:" + jQuery(this).val() + ";} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_indicator_border_radius", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-wpm-6310-owl-dots div { border-radius:" + parseInt(jQuery(this).val()) + "%;} </style>").appendTo("body");
  });

  jQuery("body").on("change", "#wpm_6310_indicator_margin", function () {
    jQuery("<style type='text/css'>#wpm-6310-slider-<?php echo $styleId ?> .wpm-6310-wpm-6310-owl-dots div{ margin: 0 " + parseInt(jQuery(this).val()) + "px;} </style>").appendTo("body");
  });
  //##############   Live preview settings End  ##############################

  <?php
  if ($allSlider[3] == "false") {
    echo 'jQuery(".wpm_6310_prev_next_act").hide();';
  }
  if ($allSlider[11] == "false") {
    echo 'jQuery(".wpm_6310_indicator_act").hide();';
  }
  ?>

});
</script>

     <?php
        if(isset($styleTemplate) && ($styleTemplate == 2 || $styleTemplate == 5)){
          $owlNext = "right: 4px;";
        } else if(isset($styleTemplate) && ($styleTemplate == 9 || $styleTemplate == 12 || $styleTemplate == 13 || $styleTemplate == 14 || $styleTemplate == 15 || $styleTemplate == 16 || $styleTemplate == 17 || $styleTemplate == 18 || $styleTemplate == 19 || $styleTemplate == 20 || $styleTemplate == 22 || $styleTemplate == 23 || $styleTemplate == 24 || $styleTemplate == 25 || $styleTemplate == 26 || $styleTemplate == 27 || $styleTemplate == 28  || $styleTemplate == 30)){
          $owlNext = "right: 0px;";
        } else if(isset($styleTemplate) && ($styleTemplate == 29)){
          $owlNext = "right: 10px;";
        } else{
          $owlNext = 'right:' . esc_attr(($allStyle[3] ? $allStyle[3] : 1) * 2) . 'px;';
        }
        $customCSS = "
          #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-owl-nav div {
          position: absolute;
          top: calc(50% - 35px);
          background: ".esc_attr($allSlider[7]).";
          color: ".esc_attr($allSlider[8]).";
          margin: 0;
          transition: all 0.3s ease-in-out;
          font-size: ".esc_attr($allSlider[5])."px;
          line-height: ".esc_attr(($allSlider[5] ? $allSlider[5] : 0) + 15)."px;
          height: ".esc_attr(($allSlider[5] ? $allSlider[5] : 0) + 15)."px;
          width: ".esc_attr(($allSlider[5] ? $allSlider[5] : 0) + 15)."px;
          text-align: center;
          padding: 0;
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-owl-nav div:hover{
          background: ".esc_attr($allSlider[9]).";
          color: ".esc_attr($allSlider[10]).";
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-owl-nav div.wpm-6310-owl-prev {
          left: 0;
          ".((isset($styleTemplate) && $styleTemplate == 21) ?  "left: 5px;" : "")."
          border-radius: 0 ".esc_attr($allSlider[6])."% ".esc_attr($allSlider[6])."% 0;
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-owl-nav div.wpm-6310-owl-next {
          {$owlNext}
          border-radius: ".esc_attr($allSlider[6])."% 0 0 ".esc_attr($allSlider[6])."%;
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-wpm-6310-owl-dots {
          text-align: center;
          padding-top: 15px;
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-wpm-6310-owl-dots div {
          width: ".esc_attr($allSlider[12])."px;
          height: ".esc_attr($allSlider[13])."px;
          border-radius: ".esc_attr($allSlider[16])."%;
          display: inline-block;
          background-color: ".esc_attr($allSlider[15]).";
          margin: 0 ".esc_attr($allSlider[17])."px;
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-wpm-6310-owl-dots div.active {
          background-color: ".esc_attr($allSlider[14]).";
        }
        #wpm-6310-slider-".esc_attr($styleId)." .wpm-6310-owl-stage-outer {
            padding-top: ".esc_attr(($allStyle[3] ? $allStyle[3] : 1) * 2)."px;
            padding-bottom: ".esc_attr(($allStyle[3] ? $allStyle[3] : 1) * 2)."px;
          }
        ";
        wp_register_style("wpm-6310-custom-slider-code-" . esc_attr($template_id) . "-css", "");
        wp_enqueue_style("wpm-6310-custom-slider-code-" . esc_attr($template_id) . "-css");
        wp_add_inline_style("wpm-6310-custom-slider-code-" . esc_attr($template_id) . "-css", $customCSS);
      ?>










