<script src="<?php echo base_url() ?>assets/front/js/multi-countdown.js"></script>
<?php 
$this->db->select('a.*');
$this->db->from('7_days_free_live_class_main a');
$this->db->where('live_class_slug', $slug);
$data = $this->db->get()->row();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_1');
$this->db->where('section_1_class_id', $data->live_class_id);
$section_1_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_2');
$this->db->where('section_2_class_id', $data->live_class_id);
$section_2_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_3');
$this->db->where('section_3_class_id', $data->live_class_id);
$section_3_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_4');
$this->db->where('section_4_class_id', $data->live_class_id);
$section_4_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_5');
$this->db->where('section_5_class_id', $data->live_class_id);
$section_5_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_6');
$this->db->where('section_6_class_id', $data->live_class_id);
$section_6_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_8');
$this->db->where('section_8_class_id', $data->live_class_id);
$section_8_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_13');
$this->db->where('section_13_class_id', $data->live_class_id);
$section_13_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_14');
$this->db->where('section_14_class_id', $data->live_class_id);
$section_14_all = $this->db->get()->result();

$this->db->select('*');
$this->db->from('7_days_free_live_class_section_15');
$this->db->where('section_15_class_id', $data->live_class_id);
$section_15_all = $this->db->get()->row();
?>

<div>
   <div class="sptb-1 pb-5">
      <div class="header-text1 mb-0">
         <div class="container">
            <div class="row">
               <div class="col-xl-12 col-lg-12 col-md-12 text-center">
                  <div>
                     <h1 class=" display-5 font-weight-semibold" style="color:#fff"><?php echo $data->live_class_heading; ?></h1>
                     <p class=" lead" style="color:#fff!important"><?php echo $data->live_class_sub_heading; ?></p>
                  </div>
               </div>
               <div class="col-xl-12 col-lg-12 col-md-12">
                  <div class="container d-flex justify-content-center mt-5">
                     <div class="row ">
                        <div class="col-lg-12 col-xl-12 col-md-12">
                           <div class="text-center">
                              <div class="border-head-iframe" style="background-color: #000;padding: 10px;padding-bottom: 5px!important;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;">
                                <?php echo preg_replace("/\s*[a-zA-Z\/\/:\.]*youtube.com\/watch\?v=([a-zA-Z0-9\-_]+)([a-zA-Z0-9\/\*\-\_\?\&\;\%\=\.]*)/i","<iframe  src=\"//www.youtube.com/embed/$1\" frameborder=\"0\" allowfullscreen></iframe>",$data->live_class_video);?>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <style type="text/css">
                  .hurry-up-title
                  {
                     font-size: 20px;
                     font-weight: 700;
                  }
                  .countdown.show .running timer .days, .countdown.show .running timer .hours, .countdown.show .running timer .minutes, .countdown.show .running timer .seconds
                  {
                     width: 42px;
                     text-align: left;
                     margin: 0 7px;
                  }
                  .countdown.show .running timer 
                  {
                     font-size: 30px;
                     font-weight: 700;
                  }
                  .countdown.show .ended button {
                      background: linear-gradient(121.19deg,rgba(133,239,49,0) 25.73%,hsla(0,0%,100%,.3) 45.27%,rgba(133,239,49,0) 62.27%),#BE1502;
                          border-radius: 0;
                  }
               </style>
               <div class="col-xl-12 col-lg-12 col-md-12 mt-5">
                  <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
                     <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title text-white">Hurry Up !!</span>
                     <div class="running">
                        <timer class="text-white">
                           <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                              class="seconds"></span>
                        </timer>
                     </div>
                     <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title text-white">Time Left.</span>
                     <div class="container botton-section book-btn mt-5 hurry">
                        <div class="row ">
                           <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                              <div class="text-center">
                                 <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                    <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                                    <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                                 </button>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="ended">
                        <div class="container botton-section book-btn mt-5">
                           <div class="row ">
                              <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                 <div class="text-center">
                                    <button class="btn btntn">
                                       <span class="title">Booking Close</span>
                                    </button>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="container botton-section book-btn">
                        <div class="row text-white">
                           <?php echo $data->live_class_button_footer_text; ?>
                        </div>
                     </div>
                  </div>  
               </div>
               <div class="col-xl-12 col-lg-12 col-md-12 mt-3">
                  <div class="container">
                     <div class="row">
                        <?php foreach ($section_1_all as $section_1):?>
                           <div class="col-lg-6 col-md-12">
                              <div class="header-content mt-5">
                                 <div class="header-content-icon">
                                    <span class="fa fa-check-circle header-content-details-check" ></span>
                                 </div>
                                 <div class="header-content-details">
                                    <?php echo $section_1->section_1_content; ?>
                                 </div>
                              </div>
                           </div>
                        <?php endforeach; ?>
                     </div>
                  </div>
               </div>
               <div class="col-xl-12 col-lg-12 col-md-12 mt-5">
                  <div class="header-timing">
                     <div class="container">
                        <div class="row">
                           <div class="col-lg-3 col-md-3 col-6">
                              <div class="widget-title text-center">
                                 <h3 class="font-weight-semibold"><i class="fa <?php echo $data->live_class_header_stats_1_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_1_heading; ?></h3>
                                 <h6><?php echo $data->live_class_header_stats_1_sub_heading; ?></h6>
                              </div>
                           </div>
                           <div class="col-lg-3 col-md-3 col-6">
                              <div class="widget-title text-center">
                                 <h3 class="font-weight-semibold"><i class="fa <?php echo $data->live_class_header_stats_2_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_2_heading; ?></h3>
                                 <h6><?php echo $data->live_class_header_stats_2_sub_heading; ?></h6>
                              </div>
                           </div>
                           <div class="col-lg-3 col-md-3 col-6">
                              <div class="widget-title text-center">
                                 <h3 class="font-weight-semibold"><i class="fa <?php echo $data->live_class_header_stats_3_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_3_heading; ?></h3>
                                 <h6><?php echo $data->live_class_header_stats_3_sub_heading; ?></h6>
                              </div>
                           </div>
                           <div class="col-lg-3 col-md-3 col-6">
                              <div class="widget-title text-center">
                                 <h3 class="font-weight-semibold"><i class="fa <?php echo $data->live_class_header_stats_4_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_4_heading; ?></h3>
                                 <h6><?php echo $data->live_class_header_stats_4_sub_heading; ?></h6>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</div>
<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="<?php echo $visual_setting->color_2?>"></path>
      </svg>
   </div>
</div>
<?php if($section_2_all): ?>
   <section class="sptb pb-0">
      <div class="container">
         <div class="section-title  text-center">
            <div>
               <h2><?php echo $data->live_class_section_2; ?></h2>
            </div>
         </div>
         <div class="row">
            <?php foreach ($section_2_all as $section_2):?>
               <div class="col-lg-6 col-md-12">
                  <div class="card widgets-cards">
                     <div class="card-body d-flex">
                        <label class="container1">
                        <label class="custom-control form-checkbox"> 
                        <input type="checkbox" class="custom-control-input" name="checkbox1" value="option1"> 
                        <span class="custom-control-label"><span class="textb"><?php echo $section_2->section_2_content; ?></span></span>
                        </label>
                        </label>
                     </div>
                  </div>
               </div>
            <?php endforeach; ?>
         </div>
      </div>
   </section>
   <section class="sptb">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div>  
      </div>
   </section>
<?php endif; 
if($section_3_all): ?>
   <section class="sptb bg-white pb-0">
      <div class="container">
         <div class="section-title d-md-flex">
            <div>
               <h2><?php echo $data->live_class_section_3; ?></h2>
            </div>
         </div>
         <div class="row">
            <?php foreach ($section_3_all as $section_3):?>
               <div class="col-lg-4 col-md-12">
                  <div class="card mb-lg-0">
                     <div class="card-body">
                        <div class="status-info text-center special-section">
                           <div class="status-img"> <i class="fa <?php echo $section_3->section_3_icon; ?> fa-4x text-primary bg-primary-transparent"></i> </div>
                           <h3 class="mt-2 mb-2 font-weight-semibold fs-20"><?php echo $section_3->section_3_title; ?></h3>
                           <p class="text-muted mb-0 fs-16"><?php echo $section_3->section_3_description; ?></p>
                        </div>
                     </div>
                  </div>
               </div>
            <?php endforeach; ?>
         </div>
      </div>
   </section>
   <section class="sptb bg-white">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif; 
if($section_4_all): ?>
   <section class="sptb pt-5 pb-1 mt-5 mb-5" style="background-color:#102349">
      <div class="container">
         <div class="section-title d-md-flex">
            <div>
               <h2 class="text-white"><?php echo $data->live_class_section_4; ?></h2>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb pt-0 bg-white">
      <div class="container">
         <div class="row">
            <?php foreach ($section_4_all as $section_4):?>
               <div class="col-lg-6 col-md-12">
                  <div class="card card-aside">
                     <div class="card-body ">
                        <div class="card-item d-flex">
                           <img loading="lazy" src="<?php echo base_url(); ?><?php echo $section_4->section_4_image ?>" alt="img" class="w-8 h-8 border p-2 br-7"> 
                           <div class="ms-5 mt-2">
                              <h4 class="font-weight-bold mt-2"><?php echo $section_4->section_4_title ?></h4>
                              <ul class="m ms-5" style="list-style-type: disclosure-closed;">
                                 <?php foreach (json_decode($section_4->section_4_content) as $section_4_content):?>
                                    <li><?php echo $section_4_content; ?></li>
                                 <?php endforeach; ?>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            <?php endforeach; ?>
         </div>
      </div>
   </section>
   <section class="sptb bg-white">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif; 
if($section_5_all): ?>
   <section class="sptb pb-0">
      <div class="container">
         <div class="section-title d-md-flex">
            <div>
               <h2 class=""><?php echo $data->live_class_section_5; ?></h2>
            </div>
         </div>
         <div class="row">
            <?php foreach ($section_5_all as $section_5):?>
               <div class="col-lg-3 col-md-12">
                  <div class="card">
                     <div class="card-body">
                        <div class="cat-item text-center">
                           <a href="javascript:void(0)"></a> 
                           <div class="cat-img">  
                              <img loading="lazy" src="<?php echo base_url(); ?><?php echo $section_5->section_5_image ?>" alt="<?php echo $section_5->section_5_title ?>">
                           </div>
                           <div class="cat-desc">
                              <h4 class="mb-1"><?php echo $section_5->section_5_title ?></h4>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            <?php endforeach; ?>
         </div>
      </div>
   </section>
   <section class="sptb">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif; 
if($data->live_class_section_6_url): ?>
   <section class="sptb bg-white pb-0">
      <div class="container">
         <div class="section-title d-md-flex">
            <div>
               <h2 class=""><?php echo $data->live_class_section_6; ?> </h2>
            </div>
         </div>
         <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12">
               <div class="container d-flex justify-content-center mt-5">
                  <div class="row ">
                     <div class="col-lg-12 col-xl-12 col-md-12">
                        <div class="text-center">
                           <div class="border-head-iframe" style="background-color: #000;padding: 10px;padding-bottom: 5px!important;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;">
                              <?php echo preg_replace("/\s*[a-zA-Z\/\/:\.]*youtube.com\/watch\?v=([a-zA-Z0-9\-_]+)([a-zA-Z0-9\/\*\-\_\?\&\;\%\=\.]*)/i","<iframe  src=\"//www.youtube.com/embed/$1\" frameborder=\"0\" allowfullscreen></iframe>",$data->live_class_section_6_url);?>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb bg-white">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif; 
if($section_6_all): ?>
   <section class="sptb pb-0">
      <div class="container ">
         <div class="section-title  text-center">
            <div>
               <h2 class="text-center"><?php echo $data->live_class_section_9; ?></h2>
            </div>
         </div>
         <div class="row justify-content-center">
            <div class="col-lg-8 col-md-8 mx-auto">
               <div class="row">
                  <?php foreach ($section_6_all as $section_6):?>
                     <div class="col-sm-12">
                        <div class="card widgets-cards">
                           <div class="card-body d-flex">
                              <div class="widgets-cards-icons">
                                 <div class="wrp icon-circle bg-success"> <i class="fa <?php echo $section_6->section_6_icon; ?>"></i> </div>
                              </div>
                              <div class="widgets-cards-data">
                                 <div class="wrp text-wrapper">
                                     <p><?php echo $section_6->section_6_description; ?></p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  <?php endforeach; ?>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif; 
if($data->live_class_section_7_content): ?>
   <section class="sptb bg-white pb-0">
      <div class="container text-center">
         <div class="row justify-content-center">
            <div class="col-lg-12 col-md-12 mx-auto">
               <div >
                  <div class="section-title  text-center">
                     <div class="pt-3">
                        <h1 class="text-center "><?php echo $data->live_class_section_7; ?></h1>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-sm-12">
                        <?php echo $data->live_class_section_7_content; ?>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb bg-white">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif; 
if($section_8_all): ?>
   <section class="sptb">
      <div class="container">
         <div class="section-title">
            <h2><?php echo $data->live_class_section_8  ?></h2>
         </div>
         <div id="small-categories" class="owl-carousel testimonial-owl-carousel">
            <?php foreach ($section_8_all as $key => $section_8):?>
               <div class="item">
                  <div class="client-img">
                     <img loading="lazy" src="<?php echo base_url() ?><?php echo $section_8->section_8_image ?>" alt="<?php echo $section_8->section_8_title ?>">
                  </div>
               </div>
            <?php endforeach; ?>
         </div>
      </div>
   </section>
<?php endif; 
if($data->live_class_section_8_cer_img): ?>
   <section class="sptb mt-5" style="background-color:#102349">
      <div class="container text-center">
         <div class="section-title  text-center">
            <div>
               <h2 class="text-center text-white"><?php echo $data->live_class_section_10; ?></h2>
            </div>
         </div>
         <div class="row justify-content-center">
            <div class="col-lg-8 col-md-8 mx-auto">
               <div class="row">
                  <div class="col-sm-12">
                     <div style="box-shadow: 0px 0px 10px 1px rgb(255 255 255);">
                        <img loading="lazy" src="<?php echo base_url(); ?><?php echo $data->live_class_section_8_cer_img; ?>">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb ">
      <div class="container text-center">
         <div class="row justify-content-center">
            <div class="col-lg-8 col-md-8 mx-auto">
               <div style="border:3px solid #BE1502;border-radius: 25px 25px 25px 25px;">
                  <div class="section-title  text-center">
                     <div class="pt-3">
                        <h1 class="text-center "><?php echo $data->live_class_section_11; ?></h1>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-sm-12">
                        <?php echo $data->live_class_section_11_content; ?>
                        <div class="p-5">
                           <div class="text-center botton-section">
                              <div class="col-xl-12 col-lg-12 col-md-12">
   								      <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
                                    <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
                                    <div class="running">
                                       <timer class="">
                                          <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                                             class="seconds"></span>
                                       </timer>
                                    </div>
                                    <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
                                    <div class="container botton-section book-btn mt-5 hurry">
                                       <div class="row ">
                                          <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                             <div class="text-center">
                                                <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                                   <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                                                   <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                                                </button>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="ended">
                                       <div class="container botton-section book-btn mt-5">
                                          <div class="row ">
                                             <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                <div class="text-center">
                                                   <button class="btn btntn">
                                                      <span class="title">Booking Close</span>
                                                   </button>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="container botton-section book-btn">
                                       <div class="row ">
                                          <?php echo $data->live_class_button_footer_text; ?>
                                       </div>
                                    </div>
                                 </div> 
   								   </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
<?php endif; 
if($section_15_all): ?>
   <style type="text/css">
      .student-img img
      {
         bottom: 0;
         top: 0;
         height: 100%;
      }
   </style>
<section>
   <div class="cover-image sptb text-white" style="background-color:#102349">
      <div class="content-text mb-0">
         <div class="container">
            <div class="row">
               <div class="col-lg-6">
                  <div class="student-img text-center"> 
                     <img loading="lazy" src="<?php echo base_url() ?><?php echo $section_15_all->section_15_image;?>" alt="<?php echo $section_15_all->section_15_title; ?>" width="100%">
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="section-title pb-4">
                     <h2 class="text-white"><?php echo $section_15_all->section_15_title; ?></h2>
                     <p class="text-white-80 fs-18 mt-6"><?php echo $section_15_all->section_15_description; ?></p>
                  </div>
                  <ul class="list-style fs-18 text-white student-feature-icons">
                     <?php foreach (json_decode($section_15_all->section_15_content) as $section_15_content):?>
                        <li class="py-2"><i class="fe fe-check me-3"></i> <?php echo $section_15_content; ?></li>
                     <?php endforeach; ?>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<?php endif;
if($section_13_all): ?>
   <section class="sptb pb-0">
      <div class="container text-center">
         <div class="section-title  text-center">
            <div>
               <h2 class="text-center"><?php echo $data->live_class_section_13; ?></h2>
            </div>
         </div>
         <div class="row justify-content-center">
            <div class="col-lg-10 col-md-10 mx-auto">
               <div class="row">
                  <?php foreach ($section_13_all as $section_13):?>
                     <div class="col-sm-3">
                        <div class="card overflow-hidden">
                           <img loading="lazy" src="<?php echo base_url(); ?><?php echo $section_13->section_13_image ?>" class="w-100" alt="img"> 
                           <div class="card-footer">
                              <div class=""> <i class="icon icon-briefcase"></i> <?php echo $section_13->section_13_title ?> </div>
                           </div>
                        </div>
                     </div>
                  <?php endforeach; ?>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif;
if($section_14_all): ?>
   <section class="sptb bg-white pb-0">
      <div class="container text-center">
         <div class="section-title  text-center">
            <div>
               <h2 class="text-center"><?php echo $data->live_class_section_14; ?></h2>
            </div>
         </div>
         <div class="row justify-content-center">
            <div class="col-lg-10 col-md-10 mx-auto">
               <div class="row">
                  <?php foreach ($section_14_all as $section_14):?>
                     <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                        <img loading="lazy" src="<?php echo base_url() ?><?php echo $section_14->section_14_image ?>" alt="<?php echo $section_14->section_14_title ?>"  style="height:150px" />
                     </div>
                  <?php endforeach; ?>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="sptb bg-white">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>
<?php endif;?>
<!-- <section class="sptb bg-white">
   <div class="container text-center">
      <div class="section-title  text-center">
         <div>
            <h2 class="text-center"><?php echo $data->live_class_section_15; ?></h2>
         </div>
      </div>
      <div class="row justify-content-center">
         <div class="col-lg-10 col-md-10 mx-auto">
            <div class="row">
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-03-23-at-10.37.19-AM.jpeg?bwg=1648010428" alt=""  style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-02-04-at-5.52.17-PM-1.jpeg?bwg=1644038135" alt="" style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-02-04-at-5.52.20-PM.jpeg?bwg=1644992614" alt="" style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-03-23-at-10.37.19-AM.jpeg?bwg=1648010428" alt="" style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-03-23-at-10.37.19-AM.jpeg?bwg=1648010428" alt=""  style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-02-04-at-5.52.17-PM-1.jpeg?bwg=1644038135" alt="" style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-02-04-at-5.52.20-PM.jpeg?bwg=1644992614" alt="" style="height:150px" />
               </div>
               <div class="col-md-3 col-sm-4 col-xs-12 single_portfolio_text">
                  <img loading="lazy" src="https://nraismc.com/podcast/reserve/wp-content/uploads/photo-gallery/thumb/WhatsApp-Image-2022-03-23-at-10.37.19-AM.jpeg?bwg=1648010428" alt="" style="height:150px" />
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section>
   <div class="cover-image about-widget sptb bg-background-color" >
      <div class="container botton-section book-btn mt-5">
         <div class="row ">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
               <div class="text-center">
                  <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                     <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                     <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                  </button>
               </div>
            </div>
         </div>
      </div>
   </div>
</section> -->
<section class="sptb pb-0">
   <div class="container ">
      <div class="section-title  text-center">
         <div>
            <h2 class="text-center"><?php echo $data->live_class_section_16; ?></h2>
         </div>
      </div>
      <div class="row justify-content-center">
         <div class="col-lg-10 col-md-10 mx-auto">
            <div class="panel-group1" id="accordion2">
               <div class="panel panel-default mb-4 border p-0">
                  <div class="panel-heading1">
                     <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseone" aria-expanded="false">1. What Sholud take an Online Course?</a> </h4>
                  </div>
                  <div id="collapseone" class="panel-collapse active collapse" role="tabpanel" aria-expanded="false" style="">
                     <div class="panel-body bg-white">
                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                     </div>
                  </div>
               </div>
               <div class="panel panel-default mb-4 border p-0">
                  <div class="panel-heading1">
                     <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapsetwo" aria-expanded="false">2. How do I Select a Course?</a> </h4>
                  </div>
                  <div id="collapsetwo" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                     <div class="panel-body bg-white">
                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                     </div>
                  </div>
               </div>
               <div class="panel panel-default mb-4 border p-0">
                  <div class="panel-heading1">
                     <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapsetwo" aria-expanded="false">2. How do I Select a Course?</a> </h4>
                  </div>
                  <div id="collapsetwo" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
                     <div class="panel-body bg-white">
                        <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="sticky-footer">
   <div class="container">
      <div class="row">
         <div class="col-xl-5 col-lg-5 col-md-5 col-12">
            <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
               <div class="running">
                  <timer class="text-white"></timer>
               </div>
               <div class="container botton-section book-btn mt-5 hurry">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="">
                           <button class="btn btntn btn-2" data-bs-toggle="modal" data-bs-target="#exampleModal">
                              <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                              <div style="color:#fff;font-size:8px"><?php echo $data->live_class_button_sub_heading; ?></div>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="ended">
                  <div class="container botton-section book-btn">
                     <div class="row ">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                           <div class="text-center">
                              <button class="btn btntn btn-2">
                                 <span class="title">Booking Close</span>
                              </button>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>  
         </div>
         <div class="col-xl-7 col-lg-7 col-md-7 col-6 d-none d-lg-block">
            <div class="row">
               <div class="col-xl-12 col-lg-12 col-md-12 mt-5 col-12">
                  <div class="text-white">
                     <div class="container">
                        <div class="row">
                           <div class="col-lg-3 col-md-3 col-12">
                              <div class="widget-title text-center">
                                 <h6 class="font-weight-semibold text-white"><i class="fa <?php echo $data->live_class_header_stats_1_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_1_heading; ?></h6>
                                 <p class="text-white"><?php echo $data->live_class_header_stats_1_sub_heading; ?></p>
                              </div>
                           </div>
                           <div class="col-lg-3 col-md-3 col-12">
                              <div class="widget-title text-center">
                                 <h6 class="font-weight-semibold text-white"><i class="fa <?php echo $data->live_class_header_stats_2_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_2_heading; ?></h6>
                                 <p class="text-white"><?php echo $data->live_class_header_stats_2_sub_heading; ?></p>
                              </div>
                           </div>
                           <div class="col-lg-3 col-md-3  col-12">
                              <div class="widget-title text-center">
                                 <h6 class="font-weight-semibold text-white"><i class="fa <?php echo $data->live_class_header_stats_3_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_3_heading; ?></h6>
                                 <p class="text-white"><?php echo $data->live_class_header_stats_3_sub_heading; ?></p>
                              </div>
                           </div>
                           <div class="col-lg-3 col-md-3 col-12">
                              <div class="widget-title text-center">
                                 <h6 class="font-weight-semibold text-white"><i class="fa <?php echo $data->live_class_header_stats_4_icon; ?>"></i> &nbsp;<?php echo $data->live_class_header_stats_4_heading; ?></h6>
                                 <p class="text-white"><?php echo $data->live_class_header_stats_4_sub_heading; ?></p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<style type="text/css">
.countdown.show .ended button.btn-2 {
    background: linear-gradient(121.19deg,rgba(133,239,49,0) 25.73%,hsla(0,0%,100%,.3) 45.27%,rgba(133,239,49,0) 62.27%),#BE1502;
    border-radius: 0;
}
.countdown.show .ended button.btn-2 {
    border: none;
    color: white;
    padding: 1px 2px;
    margin: 10px;
}
.sticky-footer
{
   background: rgba(0,0,0,0.8);
    backdrop-filter: blur(6px);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}
.btn-2 .title {
   font-size: 15px!important;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
}
.book-btn button.btn-2 {
   white-space: normal;
   width: 100%;
   border-radius: 0;
}
</style>
<section class="sptb">
      <div class="col-xl-12 col-lg-12 col-md-12">
         <div class="jumbotron countdown show" data-Date='<?php echo date("Y/m/d", strtotime($data->live_class_page_date)); ?> 23:59:59'>
            <span style="display:block;text-align: center;" class="text-center mt-3 hurry hurry-up-title">Hurry Up !!</span>
            <div class="running">
               <timer class="">
                  <span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span
                     class="seconds"></span>
               </timer>
            </div>
            <span style="display:block;text-align: center;" class="text-center hurry hurry-up-title ">Time Left.</span>
            <div class="container botton-section book-btn mt-5 hurry">
               <div class="row ">
                  <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="text-center">
                        <button class="btn btntn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                           <span class="title"><?php echo $data->live_class_button_heading; ?></span>
                           <div style="color:#fff;font-size:15px"><?php echo $data->live_class_button_sub_heading; ?></div>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="ended">
               <div class="container botton-section book-btn mt-5">
                  <div class="row ">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="text-center">
                           <button class="btn btntn">
                              <span class="title">Booking Close</span>
                           </button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="container botton-section book-btn">
               <div class="row ">
                  <?php echo $data->live_class_button_footer_text; ?>
               </div>
            </div>
         </div> 
      </div>
   </section>

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
      <div class="modal-content" style="background-color:#e0e3e3">
         <div class="modal-header" style="border-bottom: none;padding-bottom: 0!important;">
            <button type="button" class="close" onclick="close_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/apply_new_reg_live_class'); ?>
               <h6 class="text-center" style="font-weight: 500;">CONGRATS, YOU'RE IN!</h6>
               <h5 class="text-center">Complete Your Registration To Join Book a Free trail class.</h5>
               <div class="row" style="padding-top:20px">
                  <div class="col-sm-6">
                     <div class="form-group">
                        <input type="text" class="form-control effect" 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 effect" 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 effect" name="email" required="" id="email_new" placeholder="Enter Email ID *">
                     </div>
                  </div>
                  <div class="col-sm-12">
                     <div class="form-group">
                        <input type="number" class="form-control" name="mobile" required="" placeholder="Enter Mobile No *">
                        <input type="hidden" class="form-control" name="live_class_inq_class_id" value="<?php echo $data->live_class_id ?>">
                     </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>
                  <div class="col-sm-12">
                     <button type="submit" class="block">Submit</button>
                  </div>
               </div>
            </div>
         </div>
         <?php echo form_close(); ?>
      </div>
   </div>
</div>
<style type="text/css">
  .clrd-font {
	background: #FF512F;
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);
	background: linear-gradient(to right, #F09819, #FF512F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.single_portfolio_text {
	display: inline-block;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.single_portfolio_text img {
	width: 100%;
}

.single_portfolio_text:hover .portfolio_images_overlay {
	top: 5%;
	left: 5%;
}

.portfolio_images_overlay {
	width: 90%;
	height: 90%;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px;
	margin: 0 auto;
	top: -100%;
	left: 5%;
	position: absolute;
	transition: .6s;
}

.portfolio_images_overlay h6 {
	text-transform: uppercase;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	border: 2px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.portfolio_images_overlay .product_price {
	font-size: 35px;
	color: #fff;
	font-weight: 800;
	line-height: 30px;
}

.portfolio_images_overlay .product_price i {
	margin-right: -10px;
}

.zoom {
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: -100px;
	right: -100px;
	border-radius: 50%;
	background: #FF512F;
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);
	background: linear-gradient(to right, #F09819, #FF512F);
	box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.5);
	opacity: 0.9;
}

.zoom:before {
	content: "\f00e";
	font-family: FontAwesome;
	color: rgba(255, 255, 255, 0.5);
	font-size: 70px;
	padding-right: 20px;
	position: absolute;
	top: 10px;
	left: 30px;
}

@media (min-width:769px) and (max-width:991px) {
	.portfolio_images_overlay {
		padding: 0px;
	}
}

@media (max-width:768px) {
	.portfolio_images_overlay {
		padding: 170px 20px;
	}
}

@media (max-width:580px) {
	.portfolio_images_overlay {
		padding: 100px 20px;
	}
}

@media (max-width:480px) {
	.portfolio_images_overlay {
		padding: 40px 20px;
	}
}

@media (max-width:320px) {
	.portfolio_images_overlay {
		padding: 20px;
	}
}

.btn .title {
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

.botton-section {
	-webkit-animation: action 1s infinite alternate;
	animation: action 1s infinite alternate;
}

@-webkit-keyframes action {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

@keyframes action {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-10px);
	}
}

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

.horizontal-main {
	background-color: #fff;
	padding: 10px 0;
}

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

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

	.horizontal-main {
		display: none;
	}

	.horizontal-header .smllogo {
		display: inline-block;
		margin-top: 9px;
		margin-left: 0 !important;
	}
}

.desktoplogo {
	padding: 0.75rem 0;
	margin: auto !important;
	/* float: center; */
	width: 200px;
}

.top-bar {
	display: none !important;
}

.header-timing {
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	border-radius: 8px 8px 8px 8px;
}

.header-content-details p {
	font-size: 1.4rem;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 1.2em;
	color: #fff !important;
	font-weight: 700;
}

.header-content-icon {
	width: 50px;
	font-size: 30px;
	color: #fff;
}

.header-content {
	display: table;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-content-details {
	display: table-cell;
	vertical-align: top;
}

.border-head-iframe-2 iframe
{
   width: 505px;
   height: 360px;
}

.border-head-iframe iframe {
	width: 640px;
	height: 360px;
}

@media only screen and (max-device-width: 480px) {
	.border-head-iframe iframe {
		width: 100%;
		height: 100%;
	}

   .border-head-iframe-2 iframe{
      width: 100%;
      height: 100%;
   }

	.header-content-icon {
		width: 70px;
		font-size: 30px;
		color: #fff;
	}
}

@media only screen and (max-width: 991px) {
	.book-btn button {
		white-space: normal;
		display: block;
		width: 100% !important;
		border-radius: 0;
	}

	.book-btn button .title {
		font-size: 18px;
	}

	.book-btn button div {
		font-size: 12px !important;
	}
	.student-img img
	{
		position: inherit;
		bottom: 0rem;
	}
	.student-img {
	    display: block;
	}
}

.book-btn button {
	white-space: normal;
	width: 70%;
	border-radius: 0;
}

.custom-control-label::before,
.custom-control-label::after {
	width: 3rem;
	height: 3rem;
}

.container1 {
	display: block;
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	cursor: pointer;
	font-family: poppins;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.3;
}

.container1 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 35px;
	background-color: #eee;
	border-radius: 5px 5px 5px 5px;
}

.textb {
	padding-left: 50px;
	font-size: 23px;
	float: right;
}
.owl-carousel .owl-item img {
    display: block;
    height: 200px;
}
footer
{
   margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
   footer
   {
      margin-bottom: 87px;
   }
}
</style>