<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 mb_strimwidth($project->project_title, 0, 30, "...")?></h3>
            </div>
          </div>
        </div>
      </div>
    </section>

    <style type="text/css">
      .causes .thumb
      {
        height: auto!important;
      }
    </style>
    <!-- Section: Causes -->
    <section>
      <div class="container">
        <div class="row mtli-row-clearfix">
          <div class="col-sm-6 col-md-8 col-lg-8">
            <div class="causes maxwidth500 mb-sm-50">
              <div class="thumb">
                <img class="img-fullwidth" alt="<?php echo $project->project_title; ?>" src="<?php echo base_url(); ?><?php echo $project->project_image; ?>">
              </div>
              <div class="causes-details clearfix">
                <div class="p-30 p-sm-15 bg-lighter">
                  <h3><?php echo $project->project_title; ?></h3>
                   <a class="btn btn-dark btn-theme-colored btn-sm text-uppercase mt-10" href="javascript:void(0)" onclick="open_payment_modal('<?php echo $project->project_id; ?>')"><?php echo donate_now(); ?></a>
                </div>
                
              </div>
            </div>
            <div class="event-details">
                <?php echo $project->project_description; ?>
            </div>
          </div>
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="sidebar sidebar-right mt-sm-30">
              <div class="widget">
                <h5 class="widget-title line-bottom">Latest Project</h5>
                <div class="latest-posts">
                  <?php foreach ($all_featured_project as $featured_project): ?>
                    <article class="post media-post clearfix pb-0 mb-10">
                      <a class="post-thumb" href="<?php echo base_url(); ?>/featured-project-details/<?php echo $featured_project->project_slug ?>"><img src="<?php echo base_url(); ?><?php echo $featured_project->project_image ?>" alt="<?php echo $featured_project->project_title ?>" width="80px"></a>
                      <div class="post-right">
                        <h5 class="post-title mt-0"><a href="<?php echo base_url(); ?>/featured-project-details/<?php echo $featured_project->project_slug ?>"><?php echo $featured_project->project_title ?></a></h5>
                        <p><?php echo mb_strimwidth($featured_project->project_short_description, 0, 70, "...") ?></p>
                      </div>
                    </article>
                  <?php endforeach ?>
                  
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

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