<link href="<?php echo front_css(); ?>css/magnific-popup.css" rel="stylesheet" />
<script src="<?php echo front_css(); ?>js/jquery.magnific-popup.min.js"></script>
<link href="<?php echo front_css(); ?>css/swiper-bundle.min.css" rel="stylesheet" />
<script src="<?php echo front_css(); ?>js/swiper.js"></script>
<script type="text/javascript">
   document.getElementById("tele").href = "https://api.whatsapp.com/send?phone=<?php echo $product->prd_whatsapp_link ?>";
</script>

<head>
   <?php echo $product->header_code; ?>
</head>
<style type="text/css">
   .desktoplogo {
      padding: 0.75rem 0;
      /* margin: auto!important; */
      float: left;
      width: 150px;
   }

   .top-bar {
      display: none !important;
   }
</style>
<?php
if (get_cookie('prd_inq') != 557528 && $app_setting->prd_first_pop_up == 1):
?>
   <style type="text/css">
      .modal-close-2 {
         position: absolute;
         text-align: right;
         float: right;
         right: 0;
         top: 0;
         font-size: 20px;
         background: #000;
         color: #fff;
         border-radius: 100%;
         cursor: pointer;
         z-index: 9999;
         width: 30px;
      }

      .modal-close-icon-2 {
         margin-left: -5px;
      }

      #grad1 {
         display: none;
      }
   </style>
   <script type="text/javascript">
      function close_adv_modal_2() {
         $('#grad1').hide();
      }
   </script>
   <div id="mydiv"></div>
   <!-- MultiStep Form -->
   <div class="container-fluid d-lg-none" id="grad1" style="position:fixed;z-index:999999;top: 15%;">
      <div class="row justify-content-center mt-0">
         <div class="col-11 col-sm-9 col-md-7 col-lg-6 text-center p-0 mb-2">
            <div class="card px-0 pb-0 mb-3">
               <div class="row">
                  <div class="modal-close-2" onclick="close_adv_modal_2()">
                     <i class="fa fa-times modal-close-icon-2"></i>
                  </div>
                  <div class="col-md-12 mx-0">
                     <?php echo form_open(base_url() . 'home/add_prd_wlcome_form_inq_data', ['id' => 'msform']); ?>
                     <!-- progressbar -->
                     <fieldset>
                        <div class="background_bg h-100" style="background-image: url('');">
                           <img loading="lazy" style="height:100%;" src="<?php echo base_url() ?><?php echo $product->prd_adv_pop_img ?>">
                        </div>
                        <input type="button" name="next" class="btn next action-button" value="Next Step" />
                     </fieldset>
                     <fieldset style="margin-top: 20px;padding-bottom: 20px;">
                        <div class="form-card">
                           <h3 class="text-center">CONGRATS, YOU'RE IN!</h3>
                           <p class="text-center">Complete Your Registration To View Product Details</p>
                           <input type="text" name="inq_name" placeholder="Enter Your Name *" required />
                           <input type="email" name="inq_email" placeholder="Enter Your Email ID *" required />
                           <input type="number" name="inq_mob" placeholder="Enter Your Mobile No *" />
                           <input type="hidden" name="inq_prd_id" value="<?php echo $product->prd_id ?>">
                           <div class="form-group pb-3">
                              <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                           </div>
                        </div>
                        <input type="button" name="previous" class="btn btn-secondary previous action-button-previous" value="Previous" />
                        <button type="submit" name="make_payment" class="btn action-button">View Website</button>
                     </fieldset>
                     <?php echo form_close(); ?>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <script type="text/javascript">
      $(document).ready(function() {

         var current_fs, next_fs, previous_fs;
         var opacity;
         $(".next").click(function() {
            current_fs = $(this).parent();
            next_fs = $(this).parent().next();
            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
            next_fs.show();
            current_fs.animate({
               opacity: 0
            }, {
               step: function(now) {
                  opacity = 1 - now;
                  current_fs.css({
                     'display': 'none',
                     'position': 'relative'
                  });
                  next_fs.css({
                     'opacity': opacity
                  });
               },
               duration: 600
            });
         });
         $(".previous").click(function() {
            current_fs = $(this).parent();
            previous_fs = $(this).parent().prev();
            $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
            previous_fs.show();
            current_fs.animate({
               opacity: 0
            }, {
               step: function(now) {
                  opacity = 1 - now;
                  current_fs.css({
                     'display': 'none',
                     'position': 'relative'
                  });
                  previous_fs.css({
                     'opacity': opacity
                  });
               },
               duration: 600
            });
         });
         $('.radio-group .radio').click(function() {
            $(this).parent().find('.radio').removeClass('selected');
            $(this).addClass('selected');
         });
      });


      function close_adv_modal() {
         $("#dekstop-adv-popup").hide();
         $("#mydiv").removeClass("mydiv");
         setTimeout(function() {
            $('#dekstop-adv-popup').show();
            $("#mydiv").addClass("mydiv");
         }, 30000);
      }

      function myFunction(x) {
         if (x.matches) {
            window.onload = () => {
               setTimeout(function() {
                  $('#grad1').show();
               }, 60000);
            }
         } else {
            window.onload = () => {
               setTimeout(function() {
                  $('#dekstop-adv-popup').show();
                  $("#mydiv").addClass("mydiv");
               }, 60000);
            }
         }
      }

      var x = window.matchMedia("(max-width: 700px)")
      myFunction(x)
      x.addListener(myFunction)
   </script>
   <div class="form" id="dekstop-adv-popup">
      <div class="container">
         <div class="row">
            <div class="col-sm-6 ">
               <div class="form-data">
                  <h3 class="text-center">CONGRATS, YOU'RE IN!</h3>
                  <p class="text-center">Complete Your Registration To View Product Details</p>
                  <?php echo form_open(base_url() . 'home/add_prd_wlcome_form_inq_data'); ?>
                  <div class="form-group pb-3">
                     <input type="text" class="form-control new-filed f-name" placeholder="Enter Your Name *" name="inq_name" required>
                  </div>
                  <div class="form-group pb-3">
                     <input type="email" class="form-control new-filed f-email" placeholder="Enter Your Email ID *" name="inq_email" required>
                  </div>
                  <div class="form-group pb-3">
                     <input type="number" class="form-control new-filed f-phone" placeholder="Enter Your Mobile No *" name="inq_mob" required>
                     <input type="hidden" name="inq_prd_id" value="<?php echo $product->prd_id ?>">
                  </div>
                  <div class="form-group pb-3">
                     <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                  </div>
                  <div class="form-group">
                     <button class="btn btn-success prd_submit" type="submit">View Website Now</button>
                  </div>
                  <div class="form-group">
                     <span class="text-center">* we will not spam, rent, or sell your information... *</span>
                  </div>
                  <?php echo form_close(); ?>
               </div>
            </div>
            <div class="col-sm-6 sst00" style="padding-right: 0">
               <div class="modal-close" onclick="close_adv_modal()">
                  <i class="fa fa-times modal-close-icon" style="padding:5px"></i>
               </div>
               <div class="background_bg h-100" style="background-image: url('');">
                  <img loading="lazy" style="height:100%;" src="<?php echo base_url() ?><?php echo $product->prd_adv_pop_img ?>">
               </div>
            </div>
         </div>
      </div>
   </div>
   <style type="text/css">
      .modal-close-icon {
         padding: 5px;
      }

      .modal-close {
         position: absolute;
         text-align: right;
         float: right;
         right: 0;
         top: 0;
         font-size: 20px;
         background: #000;
         color: #fff;
         border-radius: 100%;
         cursor: pointer;
      }

      #msform fieldset .form-card {
         background: white;
         border: 0 none;
         border-radius: 0px;
         box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
         padding: 20px 40px 0px 20px;
         box-sizing: border-box;
         width: 94%;
         margin: 0 3% 20px 3%;
         /*stacking fieldsets above each other*/
         position: relative;
      }

      #msform fieldset {
         background: white;
         border: 0 none;
         border-radius: 0.5rem;
         box-sizing: border-box;
         width: 100%;
         margin: 0;
         /*stacking fieldsets above each other*/
         position: relative;
      }

      /*Hide all except first fieldset*/
      #msform fieldset:not(:first-of-type) {
         display: none;
      }

      #msform fieldset .form-card {
         text-align: left;
         color: #9E9E9E;
      }

      #msform input,
      #msform textarea {
         padding: 0px 8px 4px 8px;
         border: none;
         border-bottom: 1px solid #ccc;
         border-radius: 0px;
         margin-bottom: 25px;
         margin-top: 2px;
         width: 100%;
         box-sizing: border-box;
         font-family: montserrat;
         color: #2C3E50;
         font-size: 16px;
         letter-spacing: 1px;
      }

      #msform input:focus,
      #msform textarea:focus {
         -moz-box-shadow: none !important;
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
         border: none;
         font-weight: bold;
         border-bottom: 2px solid skyblue;
         outline-width: 0;
      }

      /*Blue Buttons*/
      #msform .action-button {
         width: 150px;
         /* background: skyblue; */
         font-weight: bold;
         color: white;
         border: 0 none;
         border-radius: 0px;
         cursor: pointer;
         padding: 10px 5px;
         margin: 10px 5px;
      }

      #msform .action-button:hover,
      #msform .action-button:focus {
         /* box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue; */
      }

      /*Previous Buttons*/
      #msform .action-button-previous {
         width: 100px;
         /* background: #616161; */
         font-weight: bold;
         color: white;
         border: 0 none;
         border-radius: 0px;
         cursor: pointer;
         padding: 10px 5px;
         margin: 10px 5px;
      }

      #msform .action-button-previous:hover,
      #msform .action-button-previous:focus {
         /* box-shadow: 0 0 0 2px white, 0 0 0 3px #616161; */
      }

      /*Dropdown List Exp Date*/
      select.list-dt {
         border: none;
         outline: 0;
         border-bottom: 1px solid #ccc;
         padding: 2px 5px 3px 5px;
         margin: 2px;
      }

      select.list-dt:focus {
         /*  border-bottom: 2px solid skyblue; */
      }

      /*The background card*/
      .card {
         z-index: 0;
         border: none;
         border-radius: 0.5rem;
         position: relative;
      }

      /*FieldSet headings*/
      .fs-title {
         font-size: 25px;
         color: #2C3E50;
         margin-bottom: 10px;
         font-weight: bold;
         text-align: left;
      }

      /*progressbar*/
      #progressbar {
         margin-bottom: 30px;
         overflow: hidden;
         color: lightgrey;
      }

      #progressbar .active {
         color: #000000;
      }

      #progressbar li {
         list-style-type: none;
         font-size: 12px;
         width: 25%;
         float: left;
         position: relative;
      }

      /*Icons in the ProgressBar*/
      #progressbar #account:before {
         font-family: FontAwesome;
         content: "\f023";
      }

      #progressbar #personal:before {
         font-family: FontAwesome;
         content: "\f007";
      }

      #progressbar #payment:before {
         font-family: FontAwesome;
         content: "\f09d";
      }

      #progressbar #confirm:before {
         font-family: FontAwesome;
         content: "\f00c";
      }

      /*ProgressBar before any progress*/
      #progressbar li:before {
         width: 50px;
         height: 50px;
         line-height: 45px;
         display: block;
         font-size: 18px;
         color: #ffffff;
         background: lightgray;
         border-radius: 50%;
         margin: 0 auto 10px auto;
         padding: 2px;
      }

      /*ProgressBar connectors*/
      #progressbar li:after {
         content: '';
         width: 100%;
         height: 2px;
         background: lightgray;
         position: absolute;
         left: 0;
         top: 25px;
         z-index: -1;
      }

      /*Color number of the step and the connector before it*/
      #progressbar li.active:before,
      #progressbar li.active:after {
         background: skyblue;
      }

      /*Imaged Radio Buttons*/
      .radio-group {
         position: relative;
         margin-bottom: 25px;
      }

      .radio {
         display: inline-block;
         width: 204;
         height: 104;
         border-radius: 0;
         background: lightblue;
         box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
         box-sizing: border-box;
         cursor: pointer;
         margin: 8px 2px;
      }

      .radio:hover {
         box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
      }

      .radio.selected {
         box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
      }

      /*Fit image in bootstrap div*/
      .fit-image {
         width: 100%;
         object-fit: cover;
      }

      .form-data {
         padding: 40px;
         padding-bottom: 0;
      }

      .background_bg {
         background-position: center center;
         background-size: cover;
      }

      .h-100 {
         height: 100% !important;
      }

      .f-name {
         background-image: url("<?php echo base_url(); ?>assets/name.png");
         background-repeat: no-repeat;
      }

      .f-email {
         background-image: url(<?php echo base_url(); ?>assets/email.png);
         background-repeat: no-repeat;
      }

      .f-phone {
         background-image: url(<?php echo base_url(); ?>assets/phone.png);
         background-repeat: no-repeat;
      }

      .prd_submit {
         border-bottom: 3px solid rgba(0, 0, 0, 0.2);
         border-left: none !important;
         border-right: none !important;
         padding: 1px 35px;
         margin-right: auto;
         margin-left: auto;
         color: #FFF;
         font-weight: bold;
         display: inline-block;
         -ms-transform: all .2s ease-in-out;
         -webkit-transform: all .2s ease-in-out;
         transform: all .2s ease-in-out;
         text-align: center !important;
         text-decoration: none !important;
         font-size: 20px;
         width: 100%;
      }

      .new-filed {
         background-color: #F1F1F1;
         border: 3px solid rgba(0, 0, 0, 0.2);
         padding: 22px 18px;
         background-position: 97%;
      }

      .mydiv {
         position: fixed;
         background: 100% 100% no-repeat rgb(0, 0, 0, .9);
         width: 100%;
         height: 100%;
         z-index: 9995;
      }

      @media (max-width: 768px) {
         .form {
            padding: 20px;
            position: fixed;
            top: 10%;
            left: 10%;
            z-index: 9999;
            background-color: #fff;
            width: 300px;
         }

         .dekstop-adv-popup {
            display: none;
         }

         .form-data {
            padding: 5px;
            padding-bottom: 0;
         }

         .sst00 {
            display: none;
         }
      }
   </style>
<?php endif; ?>

<section class="sptb-1 pt-5 pb-5 bg-custom-blue padding-top-xs-70">
   <div class="header-text1 mb-0">
      <div class="container">
         <div class="row ">
            <div class="col-xl-8 col-lg-7 col-md-12 text-center d-flex align-items-center">
               <div>
                  <h1 class=" display-5 font-weight-semibold" style="color:#fff"><?php echo $product->prd_name ?></h1>
                  <p class=" lead" style="color:#fff!important"> <?php echo $product->prd_short_description ?></p>
                  <div class="card  d-lg-none">
                     <div class="card-body">
                        <div class="product-slider">
                           <ul class="list-unstyled video-list-thumbs">
                              <li class="mb-0">
                                 <?php if ($product->video_or_image == 0): ?>
                                    <img loading="lazy" src="<?php echo base_url() ?><?php echo $product->prd_image ?>" alt="img" class="img-responsive  border br-7">
                                 <?php else: ?>
                                    <div class="container-video">
                                       <iframe class="responsive-iframe" src="<?php echo $product->defaul_video; ?>"></iframe>
                                    </div>
                                 <?php endif; ?>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="text-center-2">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                     <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                  </div>
               </div>
            </div>
            <div class="col-xl-4 col-lg-5 col-md-12 text-center d-none d-lg-block">
               <div class="card">
                  <div class="card-body">
                     <div class="product-slider">
                        <ul class="list-unstyled video-list-thumbs product-price-details ">
                           <li class="mb-0">
                              <?php if ($product->video_or_image == 0): ?>
                                 <img loading="lazy" src="<?php echo base_url() ?><?php echo $product->prd_image ?>" alt="img" class="img-responsive  border br-7">
                              <?php else: ?>
                                 <div class="container-video">
                                    <iframe class="responsive-iframe" src="<?php echo $product->defaul_video; ?>"></iframe>
                                 </div>
                              <?php endif; ?>
                           </li>
                           <li class="mt-4 mb-1">
                              <h3 class="text-center product-pricing-section">
                                 <?php if ($product->disocunt_price):
                                    $discountPercentage = round((($product->main_price - $product->disocunt_price) / $product->main_price) * 100);

                                 ?>
                                    <b>₹<?php echo $product->disocunt_price; ?></b>
                                    <del class="fs-14 me-1 ms-1">₹<?php echo $product->main_price; ?></del>
                                    <div class="badge"><?php echo $discountPercentage; ?>% OFF</d>
                                 <?php else: ?>
                                    <b>₹<?php echo $product->main_price; ?></b>
                                 <?php endif; ?>
                                 </h3>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- /header-text -->
</section>
<style>
   .product-pricing-section
   {
      position: absolute;
  top: 0;
  right: 0;
  display: inline-grid;
  background: #ff0d0d;
  padding: 15px;
  border-radius: 10px;
  color: #fff;
   }
</style>
<!--/Section-->
<!--Breadcrumb-->
<div class="relative">
   <div class="shape overflow-hidden text-white">
      <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
         <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="#fff"></path>
      </svg>
   </div>
</div>
<section class="sptb bg-white">
   <div class="container">
      <div class="row">
         <div class="col-xl-12 col-lg-12 col-md-12">
            <div class="card custom-sadow" id="Discription">
               <div class="card-header">
                  <h3 class="card-title"><i class="fa fa-bars" aria-hidden="true"></i> &nbsp;&nbsp; Description</h3>
               </div>
               <div class="card-body">
                  <div class="mb-0 description">
                     <?php echo $product->description ?>
                  </div>
                  <div class="text-center-2 text-center pt-5">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                     <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                  </div>
               </div>
            </div>
            <?php if ($product->product_benefits): ?>
               <div class="card custom-sadow" id="Benefits">
                  <div class="card-header">
                     <h3 class="card-title"><i class="fa fa-question-circle" aria-hidden="true"></i> &nbsp;&nbsp;Product Benefits</h3>
                  </div>
                  <div class="card-body ">
                     <div class="mb-4">
                        <p class="mb-0"><?php echo $product->product_benefits ?></p>
                     </div>
                  </div>
                  <div class="text-center-2 text-center mb-5">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0 ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                     <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                  </div>
               </div>
            <?php endif; ?>
            <?php if ($product->product_features): ?>
               <div class="card custom-sadow" id="Features">
                  <div class="card-header">
                     <h3 class="card-title"><i class="fa fa-question-circle" aria-hidden="true"></i> &nbsp;&nbsp;Product Features</h3>
                  </div>
                  <div class="card-body ">
                     <div class="mb-4">
                        <p class="mb-0"><?php echo $product->product_features ?></p>
                     </div>
                  </div>
                  <div class="text-center-2 text-center mb-5">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0 ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                     <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                  </div>
               </div>
            <?php endif; ?>

            <div class="card d-none d-lg-block" id="Technical">
               <div class="card-header">
                  <h3 class="card-title"><i class="fa fa-microchip" aria-hidden="true"></i> &nbsp;&nbsp;Technical Features:</h3>
               </div>
               <div class="card-body ">
                  <?php echo $product->technical_features ?>
               </div>
               <div class="text-center-2 text-center mb-5">
                  <?php if ($product->front_demo_url): ?>
                     <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                  <?php endif; ?>
                  <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                  <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
               </div>
            </div>
            <?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 class="text-center-2 text-center pt-5">
                           <?php if ($product->front_demo_url): ?>
                              <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                           <?php endif; ?>
                           <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                           <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                        </div>
                     </div>
                  </div>
               <?php endif; ?>
               <?php if ($product->testimonials_video && json_decode($product->testimonials_video)[0]):
               ?>
                  <div class="card custom-sadow" id="Testimonials">
                     <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-question-circle" aria-hidden="true"></i> &nbsp;&nbsp;Product Testimonials</h3>
                     </div>
                     <div class="card-body ">
                        <div class="mb-4">
                           <div class="row">
                              <?php $p = 1;
                              foreach (json_decode($product->testimonials_video) as $testimonials_video):
                                 $video_id_1 = explode("?v=", $testimonials_video);
                                 $video_id_1 = $video_id_1[1];
                                 $image_1 = "http://img.youtube.com/vi/" . $video_id_1 . "/maxresdefault.jpg";
                              ?>
                                 <div class="col-sm-4">
                                    <video id="video-player-<?php echo $p; ?>" class="video-player" poster="<?php echo $image_1; ?>">
                                       <source src="<?php echo file_get_contents(base_url() . 'home/video?url=' . $testimonials_video); ?>" type="video/mp4">
                                       Your browser does not support the video tag.
                                    </video>
                                 </div>
                                 <script type="text/javascript">
                                    document.addEventListener("DOMContentLoaded", function() {
                                       new Moovie({
                                          selector: "#video-player-<?php echo $p; ?>",
                                       });
                                    });
                                 </script>
                              <?php $p++;
                              endforeach; ?>
                           </div>
                        </div>
                     </div>
                     <div class="text-center-2 text-center mb-5">
                        <?php if ($product->front_demo_url): ?>
                           <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                        <?php endif; ?>
                        <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0 ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                        <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                     </div>
                  </div>
               <?php endif; ?>
               <div class="card custom-sadow" id="video_demo">
                  <div class="card-header">
                     <h3 class="card-title"><i class="fa fa-eye" aria-hidden="true"></i> &nbsp;&nbsp;Video Demo</h3>
                  </div>
                  <div class="card-body ">
                     <div class="mb-4">
                        <div class="row">
                           <div class="col-xl-7 col-lg-7 col-md-7 mx-auto">
                              <div class="video-img">
                                 <?php
                                 $video_id = explode("?v=", $product->video_demo);
                                 $video_id = $video_id[1];
                                 $thumbnail = "http://img.youtube.com/vi/" . $video_id . "/maxresdefault.jpg";
                                 ?>
                                 <img loading="lazy" src="<?php echo $thumbnail ?>" alt="img" class="cover-image br-7">
                                 <a class="mt-6 d-block video-btn mx-auto " href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#open_video_brochur"><i class="fa fa-play text-white"></i></a>
                              </div>
                              <div class="modal fade" id="homeVideo" tabindex="-1" role="dialog">
                                 <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                       <button type="button" class="btn btn-default" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>


                                       <video id="video-player-005" class="video-player" poster="<?php echo $thumbnail; ?>">
                                          <source src="<?php echo file_get_contents(base_url() . 'home/video?url=' . $product->video_demo); ?>" type="video/mp4">
                                          Your browser does not support the video tag.
                                       </video>

                                       <script type="text/javascript">
                                          document.addEventListener("DOMContentLoaded", function() {
                                             new Moovie({
                                                selector: "#video-player-005",
                                             });
                                          });
                                       </script>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="text-center-2 text-center mb-5">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0 ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                  </div>
               </div>
               <div class="card d-lg-none" id="Customize_Features">
                  <div class="card-header">
                     <h3 class="card-title"><i class="fa fa-info-circle" aria-hidden="true"></i> &nbsp;&nbsp;Customize Features</h3>
                  </div>
                  <div class="card-body">
                     <div class="mb-0 description">
                        <?php echo $product->demo ?>
                     </div>
                     <div class="text-center-2 text-center pt-5">
                        <?php if ($product->front_demo_url): ?>
                           <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                        <?php endif; ?>
                        <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                        <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                     </div>
                  </div>
               </div>
               <div class="card d-lg-none">
                  <div class="card-header">
                     <h3 class="card-title">Technical Features:</h3>
                  </div>
                  <div class="card-body ">
                     <?php echo $product->technical_features ?>
                  </div>
                  <div class="text-center-2 text-center pb-5">
                     <?php if ($product->front_demo_url): ?>
                        <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                     <?php endif; ?>
                     <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                     <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                  </div>
               </div>

               <?php if ($all_prd_bc_image): ?>
                  <div class="card custom-sadow">
                     <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-bar-chart" aria-hidden="true"></i> &nbsp;&nbsp;Bakend Design</h3>
                     </div>
                     <div class="card-body">
                        <div
                           style="--swiper-navigation-color: #000; --swiper-pagination-color: #000"
                           class="swiper mySwiper3">
                           <div class="swiper-wrapper">
                              <?php foreach ($all_prd_bc_image as $bc_image): ?>
                                 <div class="swiper-slide">
                                    <img loading="lazy" src="<?php echo base_url() ?><?php echo $bc_image->prd_img_back_image ?>" />
                                 </div>
                              <?php endforeach ?>
                           </div>
                           <div class="swiper-button-next sec-2">></div>
                           <div class="swiper-button-prev sec-2">
                              << /div>
                           </div>
                           <div thumbsSlider="" class="swiper mySwiper4">
                              <div class="swiper-wrapper">
                                 <?php foreach ($all_prd_bc_image as $bc_image): ?>
                                    <div class="swiper-slide">
                                       <a href="<?php echo base_url() ?><?php echo $bc_image->prd_img_back_image ?>" data-source="<?php echo base_url() ?><?php echo $bc_image->prd_img_back_image ?>" style="width:100%;">
                                          <img loading="lazy" src="<?php echo base_url() ?><?php echo $bc_image->prd_img_back_image ?>" />
                                       </a>
                                    </div>
                                 <?php endforeach ?>
                              </div>
                           </div>
                           <div class="text-center-2 text-center pt-5">
                              <?php if ($product->front_demo_url): ?>
                                 <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                              <?php endif; ?>
                              <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                              <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                           </div>
                        </div>
                     </div>
                  <?php endif; ?>
                  <div class="card custom-sadow" id="Pricing">
                     <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-inr" aria-hidden="true"></i> &nbsp;&nbsp;Pricing</h3>
                     </div>
                     <style type="text/css">
                        .pacprice {
                           background: #fff;
                           -webkit-box-shadow: inset -1px -1px 2px rgb(0 0 0 / 5%);
                           box-shadow: inset -1px -1px 2px rgb(0 0 0 / 5%);
                           padding: 10px 2px;
                        }

                        .table-bordered {
                           border: 0;
                        }

                        table.pricing-table>tbody>tr>td {
                           vertical-align: middle;
                        }
                     </style>
                     <div class="card-body">
                        <div class="mb-0 description">
                           <div class="card-body item-user p-0">
                              <div class="pacprice" style="overflow-x:auto;">
                                 <table class="pricing-table table table-bordered">
                                    <tr>
                                       <th>Package</th>
                                       <?php
                                       $rryy = [];
                                       $counter = 1;
                                       $ii = 0;
                                       foreach (json_decode($product->package) as $package):
                                          $ii++;
                                          $bg = ($ii % 2 == 0 ? '' . $visual_setting->color_5 . '' : '' . $visual_setting->color_4 . ''); ?>
                                          <th class="text-center" style="background-color: <?php echo $bg; ?>!important;color:#fff"> <b>Package <?php echo $rryy[] = $counter; ?></b><br />
                                             <?php if ($package->dis_price > 0): ?>
                                                <span class="fs-9 font-weight-normal" style="font-size:12px"><del>&#x20B9; <?php echo $package->price; ?> /- </del></span><br />
                                                <span class="fs-16 font-weight-normal"><b>&#x20B9; <?php echo $package->dis_price; ?> /- </b></span>
                                             <?php else: ?>
                                                <span class="fs-16 font-weight-normal"><b>&#x20B9; <?php echo $package->price; ?> /- </b></span>
                                             <?php endif; ?>
                                          </th>
                                       <?php $counter++;
                                       endforeach; ?>
                                       <?php $pack_id = max($rryy) + 1;
                                       $bg = ($pack_id % 2 == 0 ? '' . $visual_setting->color_5 . '' : '' . $visual_setting->color_4 . '');
                                       $static_package = json_decode($product->static_package);
                                       ?>
                                       <th class="text-center" style="background-color: <?php echo $bg; ?>!important;color:#fff">
                                          <b>Package <?php echo $pack_id; ?><br />
                                             <span class="fs-7 font-weight-normal"><b>Price Start From <br />&#x20B9; <?php echo $static_package->price_start; ?> /- </b></span>
                                          </b>
                                       </th>
                                    </tr>
                                    <tr>
                                       <td>Readymade Website</td>
                                       <?php

                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal">&#x20B9; <?php echo $package->web_price; ?> /- </span>
                                             <?php if ($package->dis_price > 0): ?>
                                                <span class="badge badge-success">
                                                   <?php $per_data_p =  (($package->price - $package->dis_price) * 100) / $package->price;
                                                   echo round($per_data_p);
                                                   ?>% off</span>
                                             <?php endif; ?>
                                          </td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($static_package->web_price_static == 0) {
                                                                                                            echo 'No';
                                                                                                         } else {
                                                                                                            echo 'Yes';
                                                                                                         } ?></span></td>
                                    </tr>
                                    <tr>
                                       <td>Website Customization</td>
                                       <?php
                                       $static_package = json_decode($product->static_package);
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal">No</span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($static_package->customization_static == 0) {
                                                                                                            echo 'No';
                                                                                                         } else {
                                                                                                            echo 'Yes';
                                                                                                         } ?></span></td>
                                    </tr>
                                    <tr>
                                       <td>Android APP</td>
                                       <?php
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($package->and_price == 'NA') {
                                                                                                               echo 'NA';
                                                                                                            } else {
                                                                                                               if (is_numeric($package->and_price)) {
                                                                                                                  echo '&#x20B9; ' . $package->and_price;
                                                                                                               } else {
                                                                                                                  echo $package->and_price;
                                                                                                               }
                                                                                                            };
                                                                                                            ?></span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"> <?php
                                                                                                         if ($static_package->and_price_static == 'NA') {
                                                                                                            echo 'NA';
                                                                                                         } else {
                                                                                                            if (is_numeric($static_package->and_price_static)) {
                                                                                                               echo '&#x20B9; ' . $static_package->and_price_static;
                                                                                                            } else {
                                                                                                               echo $static_package->and_price_static;
                                                                                                            }
                                                                                                         }; ?>

                                          </span></td>
                                    </tr>
                                    <tr>
                                       <td>IOS APP</td>
                                       <?php
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal">
                                                <?php if ($package->ios_price == 'NA') {
                                                   echo 'NA';
                                                } else {
                                                   if (is_numeric($package->ios_price)) {
                                                      echo '&#x20B9; ' . $package->ios_price;
                                                   } else {
                                                      echo $package->ios_price;
                                                   }
                                                }; ?></span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal">
                                             <?php if ($static_package->ios_price_static == 'NA') {
                                                echo 'NA';
                                             } else {
                                                if (is_numeric($static_package->ios_price_static)) {
                                                   echo '&#x20B9; ' . $static_package->ios_price_static;
                                                } else {
                                                   echo $static_package->ios_price_static;
                                                }
                                             }; ?></span></td>
                                    </tr>
                                    <tr>
                                       <td>Website Source Code</td>
                                       <?php
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($package->source_code == 0) {
                                                                                                               echo 'No';
                                                                                                            } else {
                                                                                                               echo 'Yes';
                                                                                                            } ?></span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($static_package->website_source_code_static == 0) {
                                                                                                            echo 'No';
                                                                                                         } else {
                                                                                                            echo 'Yes';
                                                                                                         } ?></span></td>
                                    </tr>
                                    <tr>
                                       <td>Android APP Source Code</td>
                                       <?php
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal">No</span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($static_package->android_source_code_static == 0) {
                                                                                                            echo 'No';
                                                                                                         } else {
                                                                                                            echo 'Yes';
                                                                                                         } ?></span></td>
                                    </tr>
                                    <tr>
                                       <td>IOS APP Source Code</td>
                                       <?php
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal"> No</span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($static_package->ios_source_code_static == 0) {
                                                                                                            echo 'No';
                                                                                                         } else {
                                                                                                            echo 'Yes';
                                                                                                         } ?></span></td>
                                    </tr>
                                    <tr>
                                       <td>Hosting</td>
                                       <?php
                                       foreach (json_decode($product->package) as $package): ?>
                                          <td class="text-center"><span class="fs-14 font-weight-normal"> <?php if ($package->hosting == 0) {
                                                                                                               echo 'Standerd';
                                                                                                            } else {
                                                                                                               echo 'VPS';
                                                                                                            } ?> (<?php echo $package->hosting_space; ?>)</span></td>
                                       <?php endforeach; ?>
                                       <td class="text-center"><span class="fs-14 font-weight-normal"><?php if ($static_package->hosting_static == 0) {
                                                                                                         echo 'Standerd';
                                                                                                      } elseif ($static_package->hosting_static == 1) {
                                                                                                         echo 'VPS';
                                                                                                      } else {
                                                                                                         echo 'Use Own Server';
                                                                                                      } ?>
                                             <?php if ($static_package->hosting_space_static): ?>
                                                (<?php echo $static_package->hosting_space_static; ?>)
                                             <?php endif; ?>
                                          </span></td>
                                    </tr>
                                    <tr>
                                       <td></td>
                                       <?php
                                       $p = 1;
                                       foreach (json_decode($product->package) as $package): ?>
                                          <?php if ($package->dis_price > 0): ?>
                                             <?php $mn_price = $package->dis_price; ?>
                                          <?php else: ?>
                                             <?php $mn_price = $package->price; ?>
                                          <?php endif; ?>
                                          <td><a href="<?php echo base_url(); ?>home/submit_check_out/<?php echo $product->prd_code ?>/<?php echo $mn_price; ?>/<?php echo $p; ?>" class="btn btn-block btn-secondary mb-xl-0"><span> <span class="fa fa-shopping-cart" aria-hidden="true"></span> &nbsp;Get Started</span></a></td>
                                       <?php $p++;
                                       endforeach; ?>
                                       <td><a href="javascript:void(0)" class="btn btn-block btn-secondary mb-xl-0"><span> <span class="fa fa-envelope" aria-hidden="true"></span> &nbsp;Contact Us</span></a></td>
                                    </tr>
                                 </table>
                              </div>
                           </div>

                           <?php if ($product->advance_payment): ?>
                              <div class="border br-7 p-4 text-center">
                                 <h5 class="text-danger" style="color: red;">Advance Payment Required: <?php echo $product->advance_payment ?></h5>
                                 <span>You can make partial payment & rest before final delivery</span>
                              </div>
                           <?php endif; ?>
                           <div class="mt-4">
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="card d-none d-lg-block" id="Customize_Features">
                     <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-info-circle" aria-hidden="true"></i> &nbsp;&nbsp;Customize Features</h3>
                     </div>
                     <div class="card-body">
                        <div class="mb-0 description">
                           <?php echo $product->demo ?>
                        </div>
                        <div class="text-center-2 text-center pt-5">
                           <?php if ($product->front_demo_url): ?>
                              <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                           <?php endif; ?>
                           <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                           <a href="#video_demo" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                        </div>
                     </div>
                  </div>
                  <div class="card custom-sadow" id="FAQ">
                     <div class="card-header">
                        <h3 class="card-title"><i class="fa fa-question-circle" aria-hidden="true"></i> &nbsp;&nbsp;FAQ</h3>
                     </div>
                     <div class="card-body ">
                        <?php
                        $faq_d = 0;

                        $all_faq = $this->products_model->get_all_faq_by_course($product->prd_id);
                        foreach ($all_faq as $key => $faq) {
                           $faq_d += count(json_decode($faq->prd_faq_content));
                        }
                        $a = 1;
                        foreach ($all_faq as $key => $faq) : ?>
                           <div class="mb-4">
                              <h5 class=""><?php echo $a; ?>. <?php echo $faq->prd_faq_title; ?></h5>
                              <?php for ($c = 0; $c < count(json_decode($faq->prd_faq_content)); $c++) :
                                 $faq_co = json_decode($faq->prd_faq_content)[$c]; ?>
                                 <p class="mb-0"><i class="fa fa-arrow-right" aria-hidden="true"></i> <?php echo $faq_co; ?> </p>
                              <?php endfor; ?>
                           </div>
                        <?php $a++;
                        endforeach; ?>
                     </div>
                     <div class="text-center-2 text-center mb-5">
                        <?php if ($product->front_demo_url): ?>
                           <a target="_blank" href="<?php echo $product->front_demo_url ?>" class="btn-secondary btn btn-lg" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Browse Frontend<span class="text-white"><i class="fa fa-video-camera ms-1 text-white"></i></span></a>
                        <?php endif; ?>
                        <a onclick="open_demo_model_product()" style="border-radius: 0;background-color: <?php echo $visual_setting->color_4; ?>!important;border-color: <?php echo $visual_setting->color_4; ?>!important;color:#fff" href="javascript:void(0)" class="btn-secondary btn btn-lg padding mt-4 mt-sm-0 ">Admin DEMO<span class="text-white"><i style="color:#fff!important" class="fa fa-desktop ms-1 text-white"></i></span></a>
                        <a href="#video_demo" class="btn-secondary btn btn-lg mt-4 mt-sm-0" style="border-radius: 0;background-color: <?php echo $visual_setting->color_5; ?>!important;border-color: <?php echo $visual_setting->color_5; ?>!important;color:#fff">Watch Video Demo<span class="text-white"><i class="fa fa-television ms-1 text-white"></i></span></a>
                     </div>
                  </div>
                  </div>
                  <!-- Initialize Swiper -->
                  <!--Right Side Content-->
                  <div class="col-xl-4 col-lg-4 col-md-12 d-none">
                     <div class="card d-none d-lg-block">
                        <div class="card-body ">
                           <div class="wideget-user-tab wideget-user-tab3">
                              <div class="tab-menu-heading">
                                 <div class="tabs-menu1">
                                    <ul class="nav">
                                       <?php
                                       $i = 1;
                                       foreach (json_decode($product->package) as $package): ?>
                                          <li class="ms-0"><a href="#tab-6<?php echo $i ?>" class="<?php if ($i == 1) {
                                                                                                      echo 'active';
                                                                                                   } ?>" data-bs-toggle="tab">Package <?php echo $i ?></a></li>
                                       <?php $i++;
                                       endforeach; ?>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                           <div class="tab-content border-0 pt-5 bg-white details-tab-content">
                              <?php $a = 1;
                              foreach (json_decode($product->package) as $package): ?>
                                 <div class="tab-pane <?php if ($a == 1) {
                                                         echo 'active';
                                                      } ?>" id="tab-6<?php echo $a ?>">
                                    <div class="card mb-0 border-0 shadow-none">
                                       <div class="card-body item-user p-0">
                                          <div class="card-header">
                                             <h3 class="card-title"><i class="fa fa-shopping-bag" aria-hidden="true"></i>&nbsp;&nbsp;Package <?php echo $a; ?></h3>
                                          </div>
                                          <div class="card-body ">
                                             <table>
                                                <tbody>
                                                   <tr>
                                                      <td><span class="fs-14 font-weight-bold text-default-dark">Website</span></td>
                                                      <td class="w-30 text-center"><span class="">:</span></td>
                                                      <td><span class="fs-14 font-weight-normal">&#x20B9; <?php echo $package->web_price; ?></span></td>
                                                   </tr>
                                                   <tr>
                                                      <td><span class="fs-14 font-weight-bold text-default-dark">Android APP</span></td>
                                                      <td class="w-30 text-center"><span class="">:</span></td>
                                                      <td><span class="fs-14 font-weight-normal">&#x20B9; <?php if ($package->and_price == 'NA') {
                                                                                                               echo '0';
                                                                                                            } else {
                                                                                                               echo $package->and_price;
                                                                                                            } ?></span></td>
                                                   </tr>
                                                   <tr>
                                                      <td><span class="fs-14 font-weight-bold text-default-dark">IOS APP</span></td>
                                                      <td class="w-30 text-center"><span class="">:</span></td>
                                                      <td><span class="fs-14 font-weight-normal">&#x20B9; <?php if ($package->ios_price == 'NA') {
                                                                                                               echo '0';
                                                                                                            } else {
                                                                                                               echo $package->ios_price;
                                                                                                            } ?></span></td>
                                                   </tr>
                                                   <tr>
                                                      <td><span class="fs-14 font-weight-bold text-default-dark">Source Code</span></td>
                                                      <td class="w-30 text-center"><span class="">:</span></td>
                                                      <td><span class="fs-14 font-weight-normal"><?php if ($package->source_code == 0) {
                                                                                                      echo 'No';
                                                                                                   } else {
                                                                                                      echo 'Yes';
                                                                                                   } ?></span></td>
                                                   </tr>
                                                   <tr>
                                                      <td><span class="fs-18 font-weight-bold text-default-dark">Total Price</span></td>
                                                      <td class="w-30 text-center"><span class="">:</span></td>
                                                      <?php if ($package->dis_price > 0): ?>
                                                         <td><span class="fs-18 font-weight-normal"><b>&#x20B9; <?php echo $main_price =  $package->dis_price; ?></b></span></td>
                                                      <?php else: ?>
                                                         <td><span class="fs-18 font-weight-normal"><b>&#x20B9; <?php echo $main_price = $package->price; ?></b></span></td>
                                                      <?php endif; ?>
                                                   </tr>
                                                </tbody>
                                             </table>
                                          </div>
                                          <?php if ($product->advance_payment): ?>
                                             <div class="border br-7 p-4">
                                                <h5 class="text-danger" style="color: red;">Advance Payment Required: <?php echo $product->advance_payment ?></h5>
                                                <span>You can make partial payment & rest before final delivery</span>
                                             </div>
                                          <?php endif; ?>
                                          <div class="mt-4">
                                             <a href="<?php echo base_url(); ?>home/submit_check_out/<?php echo $product->prd_code ?>/<?php echo $main_price; ?>/<?php echo $a; ?>" class="btn btn-block btn-secondary mb-xl-0"><span><span class="fa fa-shopping-cart" aria-hidden="true"></span> &nbsp;Get Started</span></span> </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              <?php $a++;
                              endforeach ?>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!--/Right Side Content-->
               </div>
         </div>
</section>
<a href="javascript:void(0)" onclick="download_brochur()" class="btn btn-secondary interested d-none d-lg-block"><i class="fa fa-download" aria-hidden="true"></i> Download Brochure</button>
   <?php if ($product->prd_whatsapp_link): ?>
      <a href="https://api.whatsapp.com/send?phone=<?php echo $product->prd_whatsapp_link ?>" target="_blank" class="btn btn-download d-none d-lg-block"><i class="fa fa-whatsapp" aria-hidden="true"></i> Inquiry Now</a>
   <?php endif; ?>
   <div class="container d-lg-none">
      <div class="stickt_button">
         <div class="row">
            <div class="col-6" style="padding-right:0px;">
               <?php if ($product->prd_whatsapp_link): ?>
                  <a target="_blank" href="https://api.whatsapp.com/send?phone=<?php echo $product->prd_whatsapp_link ?>"><button class="whatsapp-button"><i class="fa fa-whatsapp" aria-hidden="true"></i>&nbsp;&nbsp;Inquiry Now</button></a>
               <?php endif; ?>
            </div>
            <div class="col-6" style="padding-left:0px;">
               <a onclick="download_brochur()" href="javascript:void(0)"><button class="call-button"><i class="fa fa-download" aria-hidden="true"></i>&nbsp;Download Brochure</button></a>
            </div>
         </div>
      </div>
   </div>
   <div class="position-relative">
      <div class="shape overflow-hidden bottom-footer-shape">
         <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
            <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="<?php echo $visual_setting->color_5 ?>"></path>
         </svg>
      </div>
   </div>
   <footer class="bg-dark text-center-media" style="background-color: <?php echo $visual_setting->color_4; ?>!important;">
      <div class=" bg-dark">
         <div class="container">
            <div class="row d-flex">
               <?php
               $page_pri = $this->frontend_model->get_page_by_id(10);
               $page_trms = $this->frontend_model->get_page_by_id(11);
               ?>
               <div class="d-none d-lg-block col-lg-12 col-sm-12  text-center text-white mb-0" style="padding-top:15px">
                  <div class="d-inline-flex">
                     <?php echo $app_setting->copywrite ?>
                  </div>
                  <br />
                  <div class="d-inline-flex">
                     <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_pri->slug; ?>" class="text-white"> &nbsp;&nbsp;Privacy Policy</a>
                  </div>
                  <div class="d-inline-flex">
                     &nbsp;&nbsp;|| <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_trms->slug; ?>" class="text-white"> &nbsp;&nbsp;Terms & Conditions</a>
                  </div>
               </div>
               <div class="d-lg-none col-lg-12 col-sm-12  text-center text-white" style="padding-top:15px">
                  <div>
                     <?php echo $app_setting->copywrite ?>
                  </div>
                  <div class="d-inline-flex">
                     <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_pri->slug; ?>" class="text-white"> &nbsp;&nbsp;Privacy Policy</a>
                  </div>
                  <div class="d-inline-flex">
                     &nbsp;&nbsp;|| <a target="_blank" href="<?php echo base_url() ?>p/<?php echo $page_trms->slug; ?>" class="text-white"> &nbsp;&nbsp;Terms & Conditions</a>
                  </div>
               </div>
               <div class="col-lg-12 col-sm-12  text-center text-white footer-notice">
                  <?php echo $app_setting->product_footer_notice ?>
               </div>
            </div>
         </div>
      </div>
   </footer>
   <style type="text/css">
      .footer-notice p {
         padding-top: 15px;
         font-size: 12px;
         color: #fff !important;
      }

      .d-p-none {
         display: none;
      }

      .stickt_button {
         position: fixed;
         z-index: 999;
         left: 0;
         bottom: 0;
         width: 100%;
         text-align: center;
      }

      .whatsapp-button {
         background-color: #075E54;
         border: 2px solid #fff;
         color: white;
         padding: 10px 0px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         cursor: pointer;
         width: 100%;
      }

      .call-button {
         background-color: <?php echo $visual_setting->color_5; ?>;
         border: 2px solid #fff;
         color: white;
         padding: 10px 0px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 16px;
         cursor: pointer;
         width: 100%;
      }

      @media only screen and (max-width: 991px) {
         footer {
            margin-bottom: 45px;
         }
      }
   </style>
   <!--/Section-->
   <script type="text/javascript">
      function open_model_product(e) {
         $('#price').val(e)
         $('#open_model').modal('show');
      }

      function open_demo_model_product() {
         $('#open_model_demo').modal('show');
      }

      function close_demo_model() {
         $('#open_model_demo').modal('hide');
      }

      function download_brochur() {
         $('#open_model_brochur').modal('show');
      }

      function close_brochur_model() {
         $('#open_model_brochur').modal('hide');
      }

      function close_video_model() {
         $('#open_video_brochur').modal('hide');
      }

      function brochure_form_submit() {
         var f_name = $('#b_f_name_1').val();
         var l_name = $('#b_l_name_1').val();
         var email = $('#b_email_1').val();
         var mobile = $('#b_mobile_1').val();
         var prd_id = $('#b_prd_id_1').val();
         $.ajax({
            url: '<?php echo base_url() ?>home/download_product_brochure',
            type: 'POST',
            data: {
               f_name: f_name,
               l_name: l_name,
               email: email,
               prd_id: prd_id,
               mobile: mobile
            },
            success: function(data) {
               window.open(data, '_blank');
               alert('Brochure Successfully Downloaded');
               location.reload();
            }
         })
      }

      function video_form_submit() {
         var f_name = $('#b_f_name').val();
         var l_name = $('#b_l_name').val();
         var email = $('#b_email').val();
         var mobile = $('#b_mobile').val();
         var prd_id = $('#b_prd_id').val();
         $.ajax({
            url: '<?php echo base_url() ?>home/video_form_submit',
            type: 'POST',
            data: {
               f_name: f_name,
               l_name: l_name,
               email: email,
               prd_id: prd_id,
               mobile: mobile
            },
            success: function(data) {
               $('#open_video_brochur').modal('hide');
               $('#homeVideo').modal('show');
            }
         })
      }
   </script>
   <div class="modal show" id="open_video_brochur" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <div class="modal-header" style="border-bottom: none;padding-bottom: 0!important;">
               <button type="button" class="close" onclick="close_video_model()" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body" style="padding-top: 0!important;">
               <div style="padding:25px;padding-top: 0!important;">
                  <form>
                     <h6 class="text-center" style="font-weight: 500;">CONGRATS, YOU'RE IN!</h6>
                     <h5 class="text-center">Complete Your Registration To View Video Demo</h5>
                     <div class="row" style="padding-top:20px">
                        <div class="col-sm-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="b_f_name" required="" placeholder="Enter First Name *" id="b_f_name">
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="b_l_name" required="" placeholder="Enter Last Name *" id="b_l_name">
                           </div>
                        </div>
                        <div class="col-sm-12">
                           <div class="form-group">
                              <input type="email" class="form-control" name="b_email" required="" placeholder="Enter Email ID *" id="b_email">
                           </div>
                        </div>
                        <div class="col-sm-12">
                           <div class="form-group">
                              <input type="number" class="form-control" name="b_mobile" required="" placeholder="Enter Mobile No *" id="b_mobile">
                           </div>
                        </div>
                        <div class="col-sm-12">
                           <div class="form-group">
                              <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                           </div>
                        </div>
                        <input name="b_prd_id" type="hidden" required="" value="<?php echo $product->prd_id ?>" id="b_prd_id">
                        <div class="col-sm-12">
                           <button onclick="video_form_submit()" type="button" class="block">Submit</button>
                        </div>
                     </div>
               </div>
            </div>
            </form>
         </div>
      </div>
   </div>

   <div class="modal show" id="open_model_brochur" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <div class="modal-header" style="border-bottom: none;padding-bottom: 0!important;">
               <button type="button" class="close" onclick="close_brochur_model()" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body" style="padding-top: 0!important;">
               <div style="padding:25px;padding-top: 0!important;">
                  <form>
                     <h6 class="text-center" style="font-weight: 500;">CONGRATS, YOU'RE IN!</h6>
                     <h5 class="text-center">Complete Your Registration To Download Brochure</h5>
                     <div class="row" style="padding-top:20px">
                        <div class="col-sm-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="b_f_name" required="" placeholder="Enter First Name *" id="b_f_name_1">
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="form-group">
                              <input type="text" class="form-control" name="b_l_name" required="" placeholder="Enter Last Name *" id="b_l_name_1">
                           </div>
                        </div>
                        <div class="col-sm-12">
                           <div class="form-group">
                              <input type="email" class="form-control" name="b_email" required="" placeholder="Enter Email ID *" id="b_email_1">
                           </div>
                        </div>
                        <div class="col-sm-12">
                           <div class="form-group">
                              <input type="number" class="form-control" name="b_mobile" required="" placeholder="Enter Mobile No *" id="b_mobile_1">
                           </div>
                        </div>
                        <div class="col-sm-12">
                           <div class="form-group">
                              <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                           </div>
                        </div>
                        <input name="b_prd_id" type="hidden" required="" value="<?php echo $product->prd_id ?>" id="b_prd_id_1">
                        <div class="col-sm-12">
                           <button onclick="brochure_form_submit()" type="button" class="block">Submit</button>
                        </div>
                     </div>
               </div>
            </div>
            </form>
         </div>
      </div>
   </div>
   <div class="modal show" id="open_model_demo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <div class="modal-header" style="border-bottom: none;padding-bottom: 0!important;">
               <button type="button" class="close" onclick="close_demo_model()" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>
            <div class="modal-body" style="padding-top: 0!important;">
               <div style="padding:25px;padding-top: 0!important;">
                  <?php echo form_open(base_url() . 'home/request_for_product_admin_demo'); ?>
                  <h6 class="text-center" style="font-weight: 500;">CONGRATS, YOU'RE IN!</h6>
                  <h5 class="text-center">Complete Your Registration To Get Admin Panel Demo</h5>
                  <div class="row" style="padding-top:20px">
                     <div class="col-sm-6">
                        <div class="form-group">
                           <input type="text" class="form-control" name="f_name" required="" placeholder="Enter First Name *">
                        </div>
                     </div>
                     <div class="col-sm-6">
                        <div class="form-group">
                           <input type="text" class="form-control" name="l_name" required="" placeholder="Enter Last Name *">
                        </div>
                     </div>
                     <div class="col-sm-12">
                        <div class="form-group">
                           <input type="email" class="form-control" name="prd_adm_email" required="" placeholder="Enter Email ID *">
                        </div>
                     </div>
                     <div class="col-sm-12">
                        <div class="form-group">
                           <input type="number" class="form-control" name="prd_adm_mobile" required="" placeholder="Enter Mobile No *">
                        </div>
                     </div>
                     <div class="col-sm-12">
                        <div class="form-group">
                           <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                        </div>
                     </div>
                     <input name="prd_adm_prd_id" type="hidden" required="" value="<?php echo $product->prd_id ?>">
                     <div class="col-sm-12">
                        <button type="submit" class="block">Submit</button>
                     </div>
                  </div>
               </div>
            </div>
            <?php echo form_close(); ?>
         </div>
      </div>
   </div>
   <script type="text/javascript">
      $('.swiper-wrapper').magnificPopup({
         delegate: 'a',
         type: 'image',
         closeOnContentClick: false,
         closeBtnInside: false,
         mainClass: 'mfp-with-zoom mfp-img-mobile',
         gallery: {
            enabled: true
         },
         zoom: {
            enabled: true,
            duration: 300,
            opener: function(element) {
               return element.find('img');
            }
         }

      });
      var swiper = new Swiper(".mySwiper", {
         spaceBetween: 10,
         slidesPerView: 4,
         freeMode: true,
         watchSlidesProgress: true,
      });
      var swiper2 = new Swiper(".mySwiper2", {
         spaceBetween: 10,
         navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
         },
         thumbs: {
            swiper: swiper,
         },
      });
      var swiper = new Swiper(".mySwiper4", {
         spaceBetween: 10,
         slidesPerView: 4,
         freeMode: true,
         watchSlidesProgress: true,
      });
      var swiper2 = new Swiper(".mySwiper3", {
         spaceBetween: 10,
         navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
         },
         thumbs: {
            swiper: swiper,
         },
      });
   </script>
   <style type="text/css">
      .btn-download {
         position: fixed;
         bottom: 15px;
         z-index: 9999;
         left: 15px;
         border: none;
         background: #075E54;
         border-radius: 0px;
         color: #fff;
         letter-spacing: 1px;
         font-size: 18px !important;
      }

      .btn-download:hover {
         background: #25D366;
         color: #000;
      }

      .swiper-thumbs .swiper-wrapper {
         margin-top: 20px;
      }

      .interested {
         position: fixed;
         z-index: 9999;
         bottom: 10px;
         right: 15px;
         border: none;
         border-radius: 0px;
         letter-spacing: 1px;
         font-size: 18px !important;
      }

      .card-header {
         background: <?php echo $visual_setting->color_5; ?>;
         color: #fff;
      }

      .card-header .card-title {
         color: #fff;
      }

      .tabs-menu1 ul li .active {
         background: #2c3e50 !important;
         color: #fff !important;
      }

      .sst,
      #back-to-top,
      .newsletter-new,
      .footer-main {
         display: none !important;
      }

      .horizontal-mainwrapper .horizontalMenu>.horizontalMenu-list>li>a {
         padding: 5px 8px;
      }

      @media only screen and (max-width: 991px) {
         .horizontal-header .smllogo {
            display: inline-block;
            margin-top: 1px;
         }

         .horizontal-header .smllogo img {
            width: 200px;
         }
      }

      @media only screen and (max-width: 991px) {
         .horizontal-header .smllogo {
            margin-left: 0;
         }
      }

      @media only screen and (max-width: 991px) {

         a.ssss,
         #tele {
            display: none !important;
         }

         .ssss {
            position: absolute;
            font-size: 20px;
            left: 0px;
            top: 0;
            z-index: 102;
            transition: all 0.4s ease-in-out;
            cursor: pointer;
            padding: 5px 30px 18px 9px;
            margin: 8px 0 0 15px;
            background: <?php echo $visual_setting->color_5; ?>;
            width: 35px;
            height: 35px;
            border-radius: 7px;
            vertical-align: middle;
         }

         .ssss i {
            padding-top: -20px;
         }

         .callusbtn {
            background: #075E54;
         }
      }

      .form p {
         padding-bottom: 15px;
         border-bottom: 1px solid #ededf5
      }

      .form {
         /* padding: 40px; */
         position: fixed;
         top: 5%;
         left: 13%;
         z-index: 9999;
         background-color: #fff;
         width: 1000px;
         border-radius: 10px;
         /* padding-bottom: 10px; */
      }

      #dekstop-adv-popup {
         display: none;
      }
      .product-price-details .badge {
		background: #c83b2b;
		color: #fff !important;
		font-weight: 700;
	}
   </style>