<style type="text/css">
	.btn
	{
		border-radius: 0!important;
	}
</style>
<?php $data  = $this->frontend_model->get_video_page_1_details(); ?>
			<div class="cover-image bg-background" data-bs-image-src="<?php echo base_url()?>uploads/banner1.jpg" style="background: url(&quot;<?php echo base_url()?>uploads/banner1.jpg&quot;) center center;">
				<!--Section-->
				<div>
					<div class="sptb-1">
						<div class="header-text1 mb-0">
							<div class="container">
								<div class="row">
									
								</div>
							</div>
						</div><!-- /header-text -->
					</div>
				</div><!--/Section-->
			</div>
		</div><!--/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="<?php echo $visual_setting->color_2?>"></path>
				</svg>
			</div>
		</div>
		
		<section id="why-us" class="why-us" class=" d-flex justify-content-center align-items-center" style="background-color:#f7f8fc!important">
   <div class="container" style="text-align: center;">
      <div class="row">
         <div style="max-width: 700px;margin-right: auto;margin-left: auto;margin-top: 30px;">
            <div class="col-sm-12">
               <h5><?php echo $data->title_1; ?></h5>
               <h2 style="padding-top: 20px;color: <?php echo $visual_setting->color_3 ?>!important;"><b><?php echo $data->title_2; ?></b></h2>
            </div>
            <div class="col-sm-12" style="padding-top:20px;">
               <div class="row">
                  <div class="col-md-12 align-items-stretch video-box" >
                     <div id="front_video"></div>
                     <ul id="front_video_list" style="display:none;">
                        <li id="SOURCE" data-thumbnail-path="<?php //echo base_url() ?><?php //echo $section_1->video_image; ?>">
                        </li>
                     </ul>
                     <div class="">
                        <?php 
                           $video_id_11_i = explode("?v=", $video->intro_video);
                           $video_id_11_i = $video_id_11_i[1];
                           $image_11_i = "http://img.youtube.com/vi/".$video_id_11_i."/maxresdefault.jpg";
                        ?>
                        <video id="video-player-200" class="video-player" poster="<?php echo $image_11_i; ?>">
                           <source src="<?php echo file_get_contents(base_url().'home/video?url='.$video->intro_video);?>" type="video/mp4">
                             Your browser does not support the video tag.
                        </video>
                     </div>

                  </div>
               </div>
            </div>
            
         </div>
      </div>
      <br/>
      <div class="row">
         <div class="col-sm-12">
            <div class="text-center"><?php echo $data->title_3; ?></div>
         </div>
      </div>
      <br/>
      <div class="row">
         <div class="col-sm-12">
            <a href="<?php echo base_url()?>lession-1"><button class="btn btn-success"><?php echo $data->btn_title; ?></button></a>
         </div>
      </div>
      <div class="row pt-5" >
         <div class="col-sm-12" >
            <div style="max-width: 700px;margin-right: auto;margin-left: auto;">
               <p style="font-size: 12px!important;line-height: 18px!important;"><?php echo $data->des; ?></p>
            </div>
         </div>
      </div>
   </div>
</section>
<script>
document.addEventListener("DOMContentLoaded", function() {
         new Moovie({
         selector: "#video-player-200",
      });
   });
   </script>