
<section class="margin-top-xs-55" style="background: #fff;position: relative;
">
	<div class="header-text mb-0">
		<div>
			<div class="row ">
				<div class="col-lg-12 col-md-12 col-sm-12 text-center">
					<svg style="width:100%;height: 450px;" viewBox="0 0 1280 679" preserveAspectRatio="none" width="100%" height="100%">
						<defs>   
							<g id="shape">
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="#D9D9D9"></path>
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="url(#gradient)"></path>
							</g>
							<radialGradient id="gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(640 -261.197) rotate(90) scale(815.683 664.92)">
								<stop stop-color="#4169E1"></stop>
								<stop offset="1" stop-color="#071A34"></stop>
							</radialGradient>
						</defs>
						<use href="#shape"></use>
					</svg>
					<div class="frame-image">
						<div style="position: absolute; border-radius: inherit; inset: 0px;" data-framer-background-image-wrapper="true"><img decoding="async" sizes="100vw" src="<?php echo base_url(); ?>assets/lSHGuRrPALnsNPFyY1JslN8so.png" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; object-position: center center; object-fit: cover;"></div>
					</div>
					<div class="text-body main-header-text">
						<h1 class="text-center text-white"><b><?php echo $page->page_title; ?></b></h1>
					</div>
				</div>

				<div class="floating-icons">
					<i class="icon-facebook"></i>
					<i class="icon-adwords"></i>
					<i class="icon-seo"></i>
					<i class="icon-instagram"></i>
					<i class="icon-activecampaign"></i>
					<i class="icon-wordpress"></i>
					<i class="icon-shopify"></i>
					<i class="icon-youtube"></i>
					<i class="icon-analytics"></i>
					<i class="icon-kk"></i>
				</div>
			</div>
		</div>
	</div>
</section>


<section class="sptb">
   <div class="container">
      <div class="section-title"> 
         <h2><?php echo $page->page_section_1_heading; ?></h2> 
      </div>
      <div class="row ">
         <div class="col-md-12 col-lg-7 col-sm-12">
            <ul class="list-style fs-18 student-feature-icons">
               <?php foreach (json_decode($page->page_section_1_contant) as $page_section_1_contant):?>
                  <li class="py-2"><i class="fe fe-check me-3"></i> <?php echo $page_section_1_contant; ?></li>
               <?php endforeach; ?>
            </ul>
         </div>
         <div class="col-lg-5">
            <div class="feature-1 text-center ms-5"> 
               <img src="<?php echo base_url(); ?><?php echo $page->page_section_1_img; ?>" class="feature" alt=""> 
            </div>
         </div>
      </div>
   </div>
</section>
<section class="sptb bg-white">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_section_2_heading; ?></h2>
      </div>
      <div id="small-categories" class="owl-carousel client-carousel">
         <?php foreach ($get_all_company_logo as $key => $company_logo):?>
            <div class="item">
               <div class="client-img">
                  <img  src="<?php echo base_url() ?><?php echo $company_logo->image ?>" alt="<?php echo $company_logo->name ?>">
               </div>
            </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>
<style type="text/css">
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: none;
}
.accordion-button
{
   padding: 0.5rem;
}
.accordion-button:not(.collapsed)::after
{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
}
.accordion-item {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
</style>
<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2><?php echo $page->page_section_3_heading; ?></h2>
      </div>
      <div class="row">
         <?php foreach ($all_category as $category): ?>
            <div class="col-lg-4">
               <div class="card">
                  <div class="card-body">
                     <div class="wideget-user ">
                        <div class="row">
                           <div class="col-lg-12 col-md-12">
                              <div class="wideget-user-desc">
                                 <div class="wideget-user-img"><h1> <i class="fa <?php echo $category->category_icon; ?>"></i></h1></div>
                                 <div class="user-wrap mt-1">
                                    <h3><?php echo $category->category_title; ?></h3>
                                    <div class="row mt-3">
                                       <div class="col-sm-12">
                                          <div class="accordion" id="accordionExample">
                                             <?php $c = 1; foreach (json_decode($category->category_content_title) as $key_5 => $qnsP_9):?>
                                                <div class="accordion-item">
                                                   <h2 class="accordion-header" id="headingOne">
                                                      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_<?php echo $c; ?>" aria-expanded="true" aria-controls="collapseOne_<?php echo $c; ?>">
                                                         <?php echo $qnsP_9; ?>
                                                      </button>
                                                   </h2>
                                                   <div id="collapseOne_<?php echo $c; ?>" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                                      <div class="accordion-body mb-4">
                                                         <ul style="float:left" class="">
                                                            <?php
                                                            $myArray = explode(',', json_decode($category->category_content_description)[$key_5]);
                                                            foreach ($myArray as $value):?>
                                                            <li><?php echo $value; ?></li>
                                                            <?php endforeach; ?>
                                                         </ul>
                                                      </div>
                                                   </div>
                                               </div>
                                             <?php $c++; endforeach; ?>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>

<section>
   <div class="cover-image about-widget sptb bg-background-color" >
      <div class="content-text mb-0">
         <div class="container">
            <div class="text-center text-white ">
               <h2 class="mb-2 text-white font-weight-400"><?php echo $page->page_section_4_heading; ?></h2>
               <div class="mt-5"> <a href="<?php echo $page->page_section_4_btn_link; ?>" class="btn btn-lg btn-secondary"><?php echo $page->page_section_4_btn_name; ?></a> </div>
            </div>
         </div>
      </div>
   </div>
</section>

<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2 class="position-relative"><?php echo $page->page_testi_heading; ?></h2>
   
      </div>
      <div class="row">
         <?php foreach ($all_testimonials as $testi):?>
            <div class="col-xl-4 col-md-12">
               <div class="card mb-xl-5">
                  <div class="card-body">
                     <div class="team-section text-center">
                        <div class="team-img"> <img src="<?php echo base_url(); ?><?php echo $testi->te_image ?>" class="" alt="<?php echo $testi->te_name ?>"> </div>
                        <h3 class="font-weight-bold dark-grey-text mt-4"><?php echo $testi->te_name ?></h3>
                        <h6 class="font-weight-bold  mb-4"><?php echo $testi->te_position ?></h6>
                        <p class="font-weight-normal dark-grey-text"> <?php echo $testi->te_description ?></p>
                       
                     </div>
                  </div>
               </div>
            </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>

<section class="sptb bg-white">
   <div class="container">
      <div class="row">
         <div class="col-sm-6">
            <h2 class="position-relative"><?php echo $page->page_contact_heading; ?></h2>
            <div class="" style="font-size:20px">
               <a href="mailto:<?php echo $page->page_contact_email; ?>"><i class="fa fa-envelope"></i>&nbsp;&nbsp;&nbsp;<?php echo $page->page_contact_email; ?></a>
               <br/>
               <a href="tel:+91<?php echo $page->page_contact_mobile; ?>" class="mt-4"><i class="fa fa-phone"></i>&nbsp;&nbsp;&nbsp;<?php echo $page->page_contact_mobile; ?></a>
            </div>
         </div>
         <div class="col-sm-6">
            <div class="card mb-0 single-page customerpage contact">
               <div class="card-body wrapper wrapper2 box-shadow-0">
                  <?php echo form_open(base_url().'home/sub_fran_form');?>
                     <div class="row">
                        <div class="col-sm-12">
                           <div class="name"> 
                              <label>Name</label> 
                              <input type="text" name="name" placeholder="Enter your Name" required> 
                           </div>
                        </div>
                        <div class="col-sm-6 mt-5">
                           <div class="mail"> 
                              <label>Mobile</label> 
                              <input type="number" name="mobile" placeholder="Enter Your Mobile No." required>
                           </div>
                        </div>
                        <div class="col-sm-6 mt-5">
                           <div class="mail"> 
                              <label>Email ID</label> 
                              <input type="email" name="email" placeholder="Enter Your Email ID" required>
                           </div>
                        </div>
                        <div class="col-sm-6 mt-5">
                           <div class="mail"> 
                              <label>Pin Code</label> 
                              <input type="text" name="pin_code" onchange="check_address(this)" id="pin_code" placeholder="Enter Your Pin Code" required>
                           </div>
                        </div>
                        <div class="col-sm-6 mt-5">
                           <div class="mail"> 
                              <label>Address</label> 
                              <input type="text" name="address" placeholder="Enter Your Address" required>
                           </div>
                        </div>
                        <div class="col-sm-4 mt-5">
                           <div class="mail"> 
                              <label>Area</label> 
                              <select type="text" name="city" id="area" placeholder="Enter Your Dist" required>
                                 <option value="">Select A City</option>
                              </select>
                           </div>
                        </div>
                        <div class="col-sm-4 mt-5">
                           <div class="mail"> 
                              <label>Dist</label> 
                              <input type="text" name="dist" id="city" placeholder="Enter Your Dist" required readonly="">
                           </div>
                        </div>
                        <div class="col-sm-4 mt-5">
                           <div class="mail"> 
                              <label>State</label> 
                              <input type="text" name="state" id="state" placeholder="Enter Your State" required readonly="">
                           </div>
                        </div>
                        
                        <div class="col-sm-12 mt-5">
                           <div class="form-group">
                              <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                           </div>
                        </div>
                        <div class="submit"> 
                           <button class="btn btn-primary" type="submit">Submit</button> 
                        </div>
                     </div>
                  <?php echo form_close();?>
               </div>
            </div>
         </div>  
      </div>
   </div>
</section>

<style type="text/css">
.team-img
{
   position: relative; 
   width: 120px; 
   height: 120px; 
   overflow: hidden; 
   border-radius: 50%;
   margin: auto;
   /* box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec; */
}
.team-img img
{
   width: 100%; height: auto
   box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
}

</style>
<script type="text/javascript">
    function check_address(e) {
       let pin_code = e.value;
       $.ajax({
         beforeSend: function() {
           $(".preloader-ajax").show();
           $(".preloader-ajax-bg").show();
         },
         type: "GET",
         dataType:"JSON",
         async: true,
         url: '<?php echo base_url(); ?>home/get_pin_code_details/'+pin_code,
         success: function (data) 
         {
             $('#area').html(data.area);
             $('#city').val(data.city);
             $('#state').val(data.state);
             $(".preloader-ajax").hide();
             $(".preloader-ajax-bg").hide();
         },
         error: function () {
           $(".preloader-ajax").hide();
           $(".preloader-ajax-bg").hide();
         }
       });
   }
   // ______________Client-carousel
   var owl = $('.client-carousel');
   owl.owlCarousel({
      loop: true,
      rewind: false,
      margin: 25,
      animateIn: 'fadeInDowm',
      animateOut: 'fadeOutDown',
      autoplay: true,
      autoplayTimeout: 5000, // set value to change speed
      autoplayHoverPause: true,
      dots: false,
      nav: false,
      responsiveClass: true,
      responsive: {
         0: {
            items: 2,
            nav:false
         },
         600: {
            items: 3,
            nav: false
         },
         1300: {
            items: 5,
            nav: false
         }
      }
   })
</script>
