<div class="blog-page-wrapper mb-100" style="<?= $bg_section_color; ?>">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 order-1 mb-md-70 mb-sm-70">
        <div class="row">
            
          <div class="col-md-12 mb-40">
            <div class="single-slider-post single-slider-post--sticky pb-60">
              <!--=======  image  =======-->
              
              <div class="single-slider-post__image single-slider-post--sticky__image mb-30">
                <?php if(!empty($blog->image2)) : ?>
                  <img class="img-fluid" alt="" src="<?= base_url() . 'uploads/blog/' . $blog->image2; ?>">
                <?php endif; ?> 
              </div>
              
              <!--=======  End of image  =======-->

              <!--=======  content  =======-->
                
              <div class="single-slider-post__content single-slider-post--sticky__content">
                <!--=======  post category  =======-->
                
                <!-- <div class="post-category mb-10">
                  <a href="javascript:void(0);">fashion</a>
                </div> -->
                
                <h2 class="post-title">
                  <a href="javascript:void(0);" style="text-decoration: none;color:#7D6CB1; cursor: default;">
                    <?= ucfirst($blog->blog); ?>
                  </a>
                </h2>

                <!--=======  End of post category  =======-->

                <!--=======  post info  =======-->
                
                <div class="post-info d-flex flex-wrap align-items-center mb-50">
                  <div class="post-date">
                    <i style="color: #2B286E;" class="ion-android-calendar"></i>
                    <a style="color: #2B286E;text-decoration: none; cursor: default;" href="javascript:void(0);"> <?= date('M d, Y',strtotime($blog->publish_date)); ?></a>
                  </div>
                </div>
                
                <!--=======  End of post info  =======-->
                
                
                <!--=======  single blog post section  =======-->
                
                <div class="single-blog-post-section">
                  <?= $blog->description; ?>
                </div>
                
                <!--=======  End of single blog post section  =======-->


                <div class="row mt-30 align-items-center" style="display:none;">
                  <div class="col-md-6 text-center text-md-left mb-sm-15">
                    <div class="post-tags">
                      <i class="ion-ios-pricetags"></i>
                      <ul class="tag-list">
                        <?php if ($blog->tags != ''): ?>
                          <?php 
                            $part_tags = explode(';', $blog->tags);
                          ?>
                          <?php for($i=0; $i<count($part_tags); $i++): ?>
                          <?php 
                            $part_tags_val = explode('=>', $part_tags[$i]);
                            $val_inp_tag = $part_tags_val[0];
                            $val_inp_link_tag = $part_tags_val[1];
                          ?>
                            <li>
                              <a href="<?= $val_inp_link_tag; ?>"><?= $val_inp_tag; ?></a><?= $i < count($part_tags)-1 ? ',':''; ?>
                            </li> 
                          <?php endfor; ?>
                        <?php endif; ?> 
                      </ul>
                    </div>
                  </div>

                  <div class="col-md-6 text-center text-md-right">
                    <div class="post-share">
                      <!-- <span>Share this post:</span>
                      <ul>
                          <li>
                            <a href="#">
                              <i class="fa fa-facebook"></i>
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa fa-twitter"></i>
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa fa-instagram"></i>
                            </a>
                          </li> 
                      </ul> -->
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>                    
      </div>
    </div>
  </div>
</div>

<style> 
  @media (max-width: 450px){
    .blog-page-wrapper{
        padding-top: 30px !important;
    }
  }
</style>