
  <!-- Start main-content -->
  <div class="main-content">

    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-stellar-background-ratio="0.5" data-bg-img="images/bg/bg1.jpg">
      <div class="container pt-10 pb-10">
        <!-- Section Content -->
        <div class="section-content">
          <div class="row"> 
            <div class="col-md-12">
              <h3 class="title text-white"><?php echo $page_title->menu_name_what_we_do; ?></h3>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Causes -->
    <section>
      <div class="container">
        <div class="row mtli-row-clearfix">
         <div class="section-content">
          <div class="row mtli-row-clearfix">
            <?php 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; ?>" 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; ?>
          </div>
        </div>
        </div>
      </div>
    </section>

  </div>
  <!-- end main-content -->