<script src='https://www.google.com/recaptcha/api.js' async defer></script>
  <div class="main-content">
    <!-- Section: home -->
    <section id="home">
      <div class="container-fluid p-0">
        
        <!-- Slider Revolution Start -->
        <div class="rev_slider_wrapper">
          <div class="rev_slider" data-version="5.0">
            <ul>

              <?php $c=1; 
                $a=1; foreach ($all_slider as $slider):
                $data_x = ($c % 2 == 0) ? 'left' : 'right';
              ?>
              <li data-index="rs-<?php echo $a; ?>" data-transition="random" data-slotamount="7"  data-easein="default" data-easeout="default" data-masterspeed="1000"  data-thumb="<?php echo base_url()?><?php echo $slider->slider_image; ?>"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="<?php echo $slider->slider_heading; ?>" data-description="">

                  <!-- MAIN IMAGE -->
                  <img src="<?php echo base_url()?><?php echo $slider->slider_image; ?>"  alt="<?php echo $slider->slider_heading; ?>"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="6" data-no-retina>
                  <!-- LAYERS -->

                  <!-- LAYER NR. 1 -->
                  <div class="tp-caption BigBold-Title tp-resizeme rs-parallaxlevel-0 text-uppercase text-theme-colored-2 t-heading"
                    id="rs-<?php echo $a; ?>-layer-1"
                    data-x="['left','left','left','left']" 
                    data-hoffset="['50','50','30','17']" 
                    data-y="['top','top','top','top']" 
                    data-voffset="['110','110','180','10']" 
                    data-fontsize="['60','50','40','30']"
                    data-lineheight="['60','90','60','40']"
                    data-width="['1200','none','none','400']"
                    data-height="none"
                    data-whitespace="['normal','normal','normal','normal']"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
                    data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                    data-mask_in="x:0px;y:[100%];" 
                    data-mask_out="x:inherit;y:inherit;" 
                    data-start="500" 
                    data-splitin="none" 
                    data-splitout="none" 
                    data-basealign="slide" 
                    data-responsive_offset="on"
                    style="z-index: 6; white-space: nowrap;"><?php echo $slider->slider_heading; ?>
                  </div>

                  <!-- LAYER NR. 2 -->
                  <div class="tp-caption BigBold-SubTitle tp-resizeme rs-parallaxlevel-0 text-theme-colored-2"
                    id="rs-<?php echo $a; ?>-layer-2"

                    data-x="['left','left','left','left']" 
                    data-hoffset="['55','55','33','20']" 
                    data-y="['middle','middle','middle','middle']" 
                    data-voffset="['40','1','74','58']" 
                    data-fontsize="['15','15','15','13']"
                    data-lineheight="['24','24','24','20']"
                    data-width="['410','410','410','280']"
                    data-height="['60','100','100','100']"
                    data-whitespace="normal"
                    data-transform_idle="o:1;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
                    data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                    data-start="650" 
                    data-splitin="none" 
                    data-splitout="none" 
                    data-basealign="slide" 
                    data-responsive_offset="on"
                    style="z-index: 7; min-width: 410px; max-width: 410px; max-width: 60px; max-width: 60px; white-space: normal;"><?php echo $slider->slider_sub_heading; ?>
                  </div>

                  <?php //if($slider->slider_btn_name || $slider->slider_btn_link): ?>
                  <!-- LAYER NR. 3 -->
                   <!-- <div class="tp-caption btn btn-default btn-flat btn-lg text-white pl-40 pr-40 rs-parallaxlevel-0"
                    id="rs-<?php //echo $a; ?>-layer-3"
                    data-x="['left','left','left','left']" 
                    data-hoffset="['470','480','30','20']" 
                    data-y="['bottom','bottom','bottom','bottom']" 
                    data-voffset="['50','50','30','20']" 
                    data-width="none"
                    data-height="none"
                    data-whitespace="nowrap"
                    data-transform_idle="o:1;"
                    data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                    data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
                    data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
                    data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                    data-start="650" 
                    data-splitin="none" 
                    data-splitout="none" 
                    data-actions='[{"event":"click","action":"scrollbelow","offset":"px"}]'
                    data-basealign="slide" 
                    data-responsive_offset="on"
                    style="z-index: 8; white-space: nowrap;border-color:rgba(255, 255, 255, 0.25);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;"><a href="<?php //echo $slider->slider_btn_link; ?>"><?php //echo $slider->slider_btn_name; ?></a>
                  </div> -->
                  <?php //endif;?>
                </li>
              <?php $c++;
              $a++; endforeach; ?>

            </ul>
          </div>
          <!-- end .rev_slider -->
        </div>
        <!-- end .rev_slider_wrapper -->
        <!-- Slider Revolution Ends -->

      </div>
    </section>
    <script>
          $(document).ready(function(e) {
            $(".rev_slider").revolution({
              sliderType:"standard",
              sliderLayout: "auto",
              dottedOverlay: "none",
              delay: 5000,
              navigation: {
                  keyboardNavigation: "off",
                  keyboard_direction: "horizontal",
                  mouseScrollNavigation: "off",
                  onHoverStop: "off",
                  touch: {
                      touchenabled: "on",
                      swipe_threshold: 75,
                      swipe_min_touches: 1,
                      swipe_direction: "horizontal",
                      drag_block_vertical: false
                  },
                  arrows: {
                      style: "gyges",
                      enable: true,
                      hide_onmobile: false,
                      hide_onleave: true,
                      hide_delay: 200,
                      hide_delay_mobile: 1200,
                      tmp: '',
                      left: {
                          h_align: "left",
                          v_align: "center",
                          h_offset: 0,
                          v_offset: 0
                      },
                      right: {
                          h_align: "right",
                          v_align: "center",
                          h_offset: 0,
                          v_offset: 0
                      }
                  },
                  bullets: {
                    enable:true,
                    hide_onmobile:true,
                    hide_under:960,
                    style:"zeus",
                    hide_onleave:false,
                    direction:"horizontal",
                    h_align:"right",
                    v_align:"bottom",
                    h_offset:80,
                    v_offset:50,
                    space:5,
                    tmp:'<span class="tp-bullet-image"></span><span class="tp-bullet-imageoverlay"></span><span class="tp-bullet-title">{{title}}</span>'
                }
              },
              responsiveLevels: [1240, 1024, 778, 480],
              visibilityLevels: [1240, 1024, 778, 480],
              gridwidth: [1170, 1024, 778, 480],
              gridheight: [550, 768, 960, 720],
              lazyType: "none",
              parallax: {
                  origo: "slidercenter",
                  speed: 1000,
                  levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 100, 55],
                  type: "scroll"
              },
              shadow: 0,
              spinner: "off",
              stopLoop: "on",
              stopAfterLoops: 0,
              stopAtSlide: -1,
              shuffle: "off",
              autoHeight: "off",
              fullScreenAutoWidth: "off",
              fullScreenAlignForce: "off",
              fullScreenOffsetContainer: "",
              fullScreenOffset: "0",
              hideThumbsOnMobile: "off",
              hideSliderAtLimit: 0,
              hideCaptionAtLimit: 0,
              hideAllCaptionAtLilmit: 0,
              debugMode: false,
              fallbacks: {
                  simplifyAll: "off",
                  nextSlideOnWindowFocus: "off",
                  disableFocusListener: false,
              }
            });
          });
        </script>
    <!-- Section: About  -->
     <!-- Section: featured project -->
    <section class="bg-lightest featured_project">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-4 wow fadeInLeft animation-delay4">
            <h4 class="text-uppercase line-bottom mt-0"><?php echo $heading->featured_project; ?></h4>
            <div class="featured-project-carousel owl-nav-top">
              <?php foreach ($all_featured_project as $featured_project): ?>
                <div class="item">
                  <div class="causes bg-lighter box-hover-effect effect1 sm-maxwidth500 mb-sm-30">
                    <div class="thumb">
                      <img class="img-fullwidth" alt="<?php echo $featured_project->project_title ?>" defer data-src="<?php echo base_url(); ?><?php echo $featured_project->project_image ?>">
                    </div>
                    <div class="causes-details clearfix border-bottom p-15 pt-10">
                    <p class="mb-10 mt-5"><span class="text-uppercase text-theme-colored"><strong><a href="<?php echo base_url(); ?>/featured-project-details/<?php echo $featured_project->project_slug ?>" class="text-theme-colored"><?php echo mb_strimwidth($featured_project->project_title, 0, 100, "...") ?></a></strong></span> <br/><?php echo mb_strimwidth($featured_project->project_short_description, 0, 250, "...") ?></p>
                       <div class="donate-details">
                         <a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="javascript:void(0)" onclick="open_payment_modal('<?php echo $featured_project->project_id; ?>')"><?php echo donate_now(); ?></a>
                         <!-- <ul class="pull-right list-inline mt-15">
                           <li>Raised: $1890</li>
                           <li>Goal: $2500</li>
                         </ul> -->
                       </div>
                    </div>
                  </div>
                </div>
              <?php endforeach ?>
            </div>
          </div>
          <div class="col-sm-12 col-md-4 wow fadeInUp animation-delay4">
            <h4 class="text-uppercase line-bottom mt-0"><?php echo $heading->became_a_volunteer; ?></h4>
            <div class="volunteer-wrapper border-bottom sm-maxwidth500 clearfix pb-15 mb-sm-30">
              <div class="fluid-video-wrapper">
                <?php if($vol_data->volunteer_image_video == 1): ?>
                  <?php echo  preg_replace(
                      "/\s*[a-zA-Z\/\/:\.]*youtu(be.com\/watch\?v=|.be\/)([a-zA-Z0-9\-_]+)([a-zA-Z0-9\/\*\-\_\?\&\;\%\=\.]*)/i",
                      "<iframe src=\"//www.youtube.com/embed/$2\" allowfullscreen></iframe>",
                      $vol_data->volunteer_video
                  ); ?>
                <?php else: ?>
                  <img defer data-src="<?php echo base_url(); ?><?php echo $vol_data->volunteer_image; ?>">
                <?php endif;?>
              </div>
              <p class="mb-10 mt-15"><?php echo mb_strimwidth($vol_data->volunteer_description, 0, 570, "..."); ?></p>
              <p>
                <a href="#" class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" data-toggle="modal" data-target="#joinModal">Join Us</a>
                <span class="pull-right ml-10 mt-12 font-14">volunteers</span>
                <span class="animate-number pull-right font-20 text-theme-colored lineheight-20 mt-5" data-value="<?php echo $count_user + 1000; ?>" data-animation-duration="2500">0</span>
              </p>
            </div>
          </div>
          <div class="col-sm-12 col-md-4 wow fadeInRight animation-delay4">
            <h4 class="text-uppercase line-bottom mt-0"><?php echo $heading->events; ?></h4>
            <div class="bxslider bx-nav-top">
              <?php if($all_event): 
                foreach ($all_event as $event):?>
                <div class="event media sm-maxwidth400 p-15 mt-0 mb-15">
                  <div class="row">
                    <div class="col-xs-3 p-0">
                      <div class="thumb pl-15">
                        <img alt="<?php echo $event->page_event_title; ?>" defer data-src="<?php echo base_url(); ?><?php echo $event->page_event_image; ?>" class="media-object">
                      </div>
                    </div>
                    <div class="col-xs-6 p-0 pl-15">
                      <div class="event-content">
                        <h5 class="media-heading text-uppercase"><a href="<?php echo base_url(); ?>/event-details/<?php echo $event->page_event_slug; ?>"><?php echo mb_strimwidth($event->page_event_title, 0, 50, "..."); ?></a></h5>
                        <ul>
                          <li><i class="fa fa-clock-o"></i> at <?php echo date('h:i A', strtotime($event->page_event_date_time)); ?></li>
                          <li> <i class="fa fa-map-marker"></i> <?php echo $event->page_event_location; ?></li>
                        </ul>                    
                      </div>                
                    </div>
                    <div class="col-xs-3 pr-0">
                      <div class="event-date text-center">
                        <ul>
                          <li class="font-36 text-theme-colored font-weight-700"><?php echo date('d', strtotime($event->page_event_date_time)); ?></li>
                          <li class="font-20 text-center text-uppercase"><?php echo date('M', strtotime($event->page_event_date_time)); ?></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              <?php endforeach; 
              else: ?>
                <div class="event media sm-maxwidth400 p-15 mt-0 mb-15">
                  <h4><?php echo update_soon(); ?></h4>
                </div>
              <?php endif;?>
            </div>
          </div>
        </div>
      </div>
    </section>
    

    <!-- Section: Causes -->
    <section>
      <div class="container pt-5">
        <div class="section-title">
          <div class="row">
            <div class="col-md-6">
              <h2 class="mt-0 text-uppercase font-28"><?php echo $heading->latest_case; ?></h2>
              <div class="icon">
                <i class="fa fa-hospital-o"></i>
              </div>
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row mtli-row-clearfix">
            <?php if($all_latest_case): 
              foreach ($all_latest_case as $case):?>
              <div class="col-sm-4 col-md-4 col-lg-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                <div class="mb-sm-50">
                  <div class="thumb">
                    <img class="img-fullwidth case-image" alt="<?php echo $case->latest_case_title; ?>" defer data-src="<?php echo base_url()?><?php echo $case->latest_case_image; ?>">
                  </div>
                  <div class="causes-details clearfix">
                    <div class="p-30 p-sm-15 bg-lighter">
                      <h4><a href="<?php echo base_url(); ?>/case-details/<?php echo $case->latest_case_slug; ?>"><?php echo mb_strimwidth($case->latest_case_title, 0, 50, "..."); ?></a></h4>
                      <p><?php echo mb_strimwidth($case->latest_case_short_description, 0, 100, "..."); ?></p>
                      
                    </div>
                  </div>
                </div>
              </div>
            <?php endforeach;
            else: ?>
              <div class="col-sm-4 col-md-4 col-lg-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
                <h3><?php echo update_soon(); ?></h3>
              </div>
            <?php endif;?>
          </div>
        </div>
      </div>
    </section>

  

    <!-- Divider: Make a Donation -->
   <section class="divider parallax" data-bg-img="<?php echo base_url()?><?php echo $counting_stats->counting_stats_bg_image; ?>" data-parallax-ratio="0.7" id="Signup">
       <div class="container pt-0 pb-0">
          <div class="row">
             <div class="col-md-8">
                <div class="bg-light-transparent p-40">
                   <h3 class="mt-0 line-bottom"><?php echo $heading->make_a_donation_now; ?></h3>
                   <form id="donate_form_onetime_recurring">
                      <div class="row">
                        <div class="col-md-12">
                            <div class="form-group mt-10 mb-20">
                              <label><strong>Payment Type</strong></label> <br>
                              <label class="radio-inline">
                                <input type="radio" checked="" value="1" name="payment_type"> 
                                One Time
                              </label>
                              <label class="radio-inline">
                                <input type="radio" value="2" name="payment_type"> 
                                Monthly
                              </label>
                            </div>
                          </div>
                         <div class="col-md-12">
                            <div class="form-group mb-20">
                               <label><strong><?php echo which_project(); ?></strong></label>
                               <select name="item_name" class="form-control" required id="project_id">
                                  <option value="">Select A Project</option>
                                  <option value="0">Any</option>
                                  <?php foreach ($all_featured_project as $featured_project): ?>
                                  <option value="<?php echo $featured_project->project_id; ?>"><?php echo mb_strimwidth($featured_project->project_title, 0, 40, "..."); ?></option>
                                  <?php endforeach ?>;
                               </select>
                            </div>
                         </div>
                         <div class="col-sm-12">
                            <div class="form-group mb-20">
                               <label><strong>How much do you want to donate?</strong></label>
                               <div class="radio mt-5">
                                  <label class="radio-inline">
                                  <input type="radio" name="amount" value="200">
                                  &#x20B9;200</label>
                                  <label class="radio-inline">
                                  <input type="radio" name="amount" value="500">
                                  &#x20B9;500</label>
                                  <label class="radio-inline">
                                  <input type="radio" name="amount" checked="" value="1000">
                                  &#x20B9;1000</label>
                                  <label class="radio-inline">
                                  <input type="radio" name="amount" value="5000">
                                  &#x20B9;5000</label>
                                  <label class="radio-inline">
                                  <input type="radio" name="amount" value="other">
                                  Other Amount</label>
                               </div>
                               <div id="other_amount">
                                  <label><strong>Enter Your Amount:</strong></label>
                               </div>
                            </div>
                         </div>
                         
                         <div class="col-sm-12">
                            <div class="form-group mb-20">
                               <button type="button" onclick="open_payment_modal_2()" class="btn btn-flat btn-dark btn-theme-colored mt-10 pl-30 pr-30" data-loading-text="Please wait..."><?php echo donate_now(); ?></button>
                            </div>
                         </div>
                      </div>
                   </form>
                </div>
             </div>
          </div>
       </div>
    </section>
    <script type="text/javascript">
      $(document).ready(function() {
        $('input[type=radio][name=payment_type]').change(function() {
          if (this.value == 2) {
            $('#sub_news_1').show();
          } else {
            $('#sub_news_1').hide();
          }
        })
      })
    $(document).ready(function(e) {
      var $donation_form_2 = $("#donate_form_onetime_recurring");
      //toggle custom amount
      var $custom_other_amount_2 = $donation_form_2.find("#other_amount");
      $custom_other_amount_2.hide();
      $donation_form_2.find("[name='d_amount']").change(function() {
          var $this = $(this);
          if ($this.val() == 'other') {
            $custom_other_amount_2.show().append('<div class="input-group"><span class="input-group-addon">&#x20B9;</span> <input name="extra_amount" id="input_other_amount" type="number" max="100000000" class="form-control" value="5000" min="1"/></div>');
          }
          else{
            $custom_other_amount_2.children( ".input-group" ).remove();
            $custom_other_amount_2.hide();
          }
      });
    });
    </script>

    <section class="bg-light pb-20">
      <div class="container">
        <div class="section-title">
          <div class="row">
            <div class="col-md-6">
              <h2 class="mt-0 text-uppercase font-28">Our <span class="text-theme-colored font-weight-400">Core Team</span> <span class="font-30 text-theme-colored">.</span></h2>
             
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
              <div class="owl-carousel-2col owl-dots-bottom-right" data-dots="true">
                <?php foreach ($all_core_team as $key => $core_team):?>
                  <div class="item">
                    <div class="row-fluid">
                      <div class="col-md-5">
                        <img style="height: 200px; width:auto;float: right;" src="<?php echo base_url(); ?><?php echo $core_team->founder_image; ?>" alt="<?php echo $core_team->founder_name; ?>">
                      </div>
                      <div class="col-md-7">
                        <h2 class="mt-0"><?php echo $core_team->founder_name; ?></h2>
                        <h4 class="mt-0 text-black-666 line-bottom "><?php echo $core_team->founder_designation; ?></h4>
                        <p class="pt-3"><?php echo mb_strimwidth($core_team->founder_description, 0, 150, "..."); ?></p>
                        
                      </div>
                    </div>
                  </div>
                <?php endforeach; ?>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


    <!-- divider: Gallery -->
    <section class="divider">
      <div class="container-fluid">
        <div class="section-title text-center">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <h3 class="text-uppercase mt-0"><?php echo $heading->gallery; ?></h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
             
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">
            <div class="col-md-12">
            <!-- Works Filter -->
            <div class="portfolio-filter font-alt align-center">
              <a href="#" class="active" data-filter="*"><?php echo all(); ?></a>
              <?php foreach ($all_gallery_category as $category): ?>
                <a href="#<?php echo $category->gc_id; ?>cat" class="" data-filter=".<?php echo $category->gc_id; ?>cat">
                  <?php 
                  if(session()->get('lan') == 'en')
                  {
                    echo $category->gc_name;
                  }
                  else
                  {
                    echo $category->gc_name_hindi;
                  }?>
                </a>
              <?php endforeach ?>
            </div>
            <div id="grid" class="gallery-isotope grid-5 masonry gutter clearfix">
              <?php foreach ($all_gallery as $gallery):
                if($gallery->gallery_mode == 2):?>
                  <div class="gallery-item <?php echo $gallery->gallery_category ?>cat">
                    <div class="thumb">
                      <img class="img-fullwidth" defer data-src="<?php echo base_url()?><?php echo $gallery->gallery_image ?>" alt="<?php echo $gallery->gallery_name ?>">
                      <div class="overlay-shade"></div>
                      <div class="icons-holder">
                        <div class="icons-holder-inner">
                          <div class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
                            <a data-lightbox="image" href="<?php echo base_url()?><?php echo $gallery->gallery_image ?>"><i class="fa fa-plus"></i></a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
              <?php endif; 
            endforeach; ?>
            </div>
            <!-- End Portfolio Gallery Grid -->
          </div>
        </div>
      </div>
    </div>
  </section>

  
    <?php if($all_brand): ?>
    <section class="divider parallax layer-overlay overlay-light" data-stellar-background-ratio="0.2" data-bg-img="<?php echo base_url()?><?php echo $counting_stats->counting_stats_bg_image; ?>">
      <div class="container pt-0 pb-0">
        <div class="row equal-height">
          <div class="col-md-7">
              <div class="display-table-parent pr-90 pl-90">
                <div class="display-table">
                  <div class="display-table-cell">
                    <div class="clients text-center pt-30 pb-20 bg-lightest-transparent">
                      <div class="row">
                        <?php foreach ($all_brand as $brand):?>
                          <div class="col-xs-6 col-sm-6 col-md-4">
                            <img defer data-src="<?php echo base_url(); ?><?php echo $brand->brand_image; ?>" alt="<?php echo $brand->brand_name; ?>" width="100" class="mb-10">
                          </div>
                        <?php endforeach; ?>
                        <div class="clearfix"></div>
                      </div>
                    </div>                  
                  </div>
                </div>
              </div>
          </div>
          <div class="col-md-5 bg-light-transparent">
            <div class="pt-50 pb-50 pl-20 pr-20">
              <h4 class="text-uppercase line-bottom mt-0"><?php echo $heading->our_donors_say; ?></h4>
              <div class="testimonial-carousel owl-nav-top">
                <?php foreach ($all_testimonials as $testimonials):?>
                  <div class="item">
                    <div class="testimonial-wrapper text-center">
                      <div class="thumb"><img class="img-circle" alt="<?php echo  $testimonials->testi_name; ?>" defer data-src="<?php echo base_url()?><?php echo  $testimonials->testi_image; ?>"></div>
                      <div class="content pt-10">
                        <p><?php echo  $testimonials->testi_des; ?></p>
                        <i class="fa fa-quote-right font-36 mt-10 text-gray-lightgray"></i>
                        <h5 class="author text-theme-colored mb-0"><?php echo  $testimonials->testi_name; ?></h5>
                      </div>
                    </div>
                  </div>
                <?php endforeach; ?>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <?php endif; ?>

    <section class="bg-light">
      <div class="container pb-0">
        <div class="section-title">
          <div class="row">
            <div class="col-md-6">
              <h2 class="mt-0 text-uppercase font-28">Our Founders <span class="font-30 text-theme-colored">.</span></h2>
              <div class="icon">
                <i class="fa fa-hospital-o"></i>
              </div>
            </div>
          </div>
        </div>
        <div class="row founder">
          <div class="col-md-12 mb-30">
            <div class="owl-carousel-2col boxed" data-dots="true">
              <?php foreach ($all_founder as $key => $founder):?>
                <div class="item">
                  <div class="testimonial pt-10">
                    <div class="thumb pull-left mb-0 mr-0 pr-20">
                      <img style="width: auto;height: 120px;" alt="<?php echo $founder->founder_name; ?>" src="<?php echo base_url(); ?><?php echo $founder->founder_image; ?>">
                    </div>
                    <div class="ml-100 ">
                      <p class="mt-0 font-weight-300 "><?php echo mb_strimwidth($founder->founder_description, 0, 190, "..."); ?></p>
                      <p class="author mt-20"> <span class="text-black-333"><?php echo $founder->founder_name; ?></span> <small><em><?php echo $founder->founder_designation; ?></em></small></p>
                    </div>
                  </div>
                </div>
              <?php endforeach; ?>
            </div> 
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="container">
        <div class="section-title text-center">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <h3 class="text-uppercase mt-0"><?php echo $heading->recent_news; ?></h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="news-carousel owl-nav-top mb-sm-80" data-dots="true">
              <?php foreach ($all_blog as $blog):?>
                <div class="item">
                  <article class="post clearfix maxwidth600 mb-sm-30 wow fadeInRight" data-wow-delay=".2s">
                    <div class="entry-header">
                      <div class="post-thumb thumb"> <img defer data-src="<?php echo base_url()?>/<?php echo $blog->image; ?>" alt="<?php echo $blog->title; ?>" class="img-responsive img-fullwidth"> </div>
                      <div class="entry-meta meta-absolute text-center pl-15 pr-15">
                      <div class="display-table">
                        <div class="display-table-cell">
                          <ul>
                            <li><a class="text-white"><i class="fa fa-thumbs-o-up"></i> <?php echo $blog->like; ?> <br> Likes</a></li>
                            <li class="mt-20"><a class="text-white" ><i class="fa fa-eye"></i> <?php echo $blog->view; ?> <br> Views</a></li>
                          </ul>
                        </div>
                      </div>
                      </div>
                    </div>
                    <div class="entry-content border-1px p-20">
                      <h5 class="entry-title mt-0 pt-0"><a href="<?php echo base_url()?>/details-blog/<?php echo $blog->title_slug; ?>"><?php echo $blog->title; ?></a></h5>
                      <p class="text-left mb-20 mt-15 font-13"><?php echo mb_strimwidth($blog->short_description, 0, 100, "..."); ?></p>
                      <a class="btn btn-flat btn-dark btn-theme-colored btn-sm pull-left" href="<?php echo base_url()?>/details-blog/<?php echo $blog->title_slug; ?>"><?php echo read_more(); ?></a>
                      <ul class="list-inline entry-date pull-right font-12 mt-5">
                        <li><a class="text-theme-colored">Admin |</a></li>
                        <li><span class="text-theme-colored"><?php echo date('d M, Y', strtotime($blog->date)); ?></span></li>
                      </ul>
                      <div class="clearfix"></div>
                    </div>
                  </article>
                </div>
              <?php endforeach; ?>
            </div>
          </div>
        </div>
      </div>
    </section>
   
  </div>
  


<style type="text/css">
.founder .owl-carousel .owl-item img
{
  width: 100px;
}
</style>