<style>
.single-courses-2 .courses-content .duration-rating .rating .star li {
    font-size: 10px;
    color: yellow;
    margin-left: 5px;
}
</style>
<section class="top-courses-area">
        <div class="container">
            <div class="tab-content" id="myTabContent">
                 <div class="tab-pane fade show active" id="list" role="tabpanel">
                    <div class="courses-wrapper wrapper-2">
						<?php foreach($course_details as $k=>$vals){?>
						<div class="courses-col">
							<div class="single-courses-2 courses-list mt-30">
								<div class="courses-image">
								   <?php if($vals['course_tag_id'] == 1){?>
									  <a href="#"><img src="<?=base_url('assets/images/courses-list/zo_cc.png');?>" alt="courses"></img></a>
								   <?php }elseif($vals['course_tag_id'] == 2){?>
									 <a href="#"><img src="<?=base_url('assets/images/courses-list/zoo_ol.png');?>" alt="courses"></img></a>
								   <?php }else{?>
									 <a href="#"><<img src="<?=base_url('assets/images/courses-list/z_ts.png');?>" alt="courses"></img></a>
								 <?php }?>
								</div>
								<div class="courses-content">
									<p class="courses-fee">Fee: <span> INR <?= $vals['batch_fee']?></span></p>
									 <div class="courses-content-wrapper">                                        
										<h4 class="courses-title"><a href="#"><?= $vals['batch_name']?></a></h4>
										<div class="duration-rating">
											<div class="duration-fee">
												<p class="duration">Duration: <span> <?= $vals['duration']?></span></p>
												<p class="credit">Faculty: <span> <?= $vals['faculty']?></span></p>
											</div>
											<div class="duration-fee">
												<p class="duration">Start Date: <span> <?= date('d-M-Y', strtotime($vals['batch_start_date']))?></span></p>
											</div>
											<div class="rating">
												<span>Rating: </span>
												<ul class="star">
													<li><i class="fas fa-star"></i></li>
													<li><i class="fas fa-star"></i></li>
													<li><i class="fas fa-star"></i></li>
													<li><i class="fas fa-star"></i></li>
													<li><i class="fas fa-star"></i></li>
												</ul>
											</div>
										</div>
										<div class="courses-link">
											<a class="apply" href="<?=base_url('product_details/get_details').'/'.substr(str_shuffle("0123456789"), 0, 5).$vals['id'].substr(str_shuffle("0123456789"), 0, 2);?>">Enroll Now</a>
										</div>
									</div>                                
								</div>                                
							</div>
						</div>
					<?php }?>
                       <!-- <div class="courses-col">
                            <div class="single-courses-2 courses-list mt-30">
                                <div class="courses-image">
                                    <a href="#"><img src="<?=base_url('assets/images/courses-list/zo_cc.png');?>" alt="courses"></a>
                                </div>
                                <div class="courses-content">
                                    <p class="courses-fee">Fee: <span> INR 42,000</span></p>

                                    <div class="courses-content-wrapper">                                        
                                        <h4 class="courses-title"><a href="courses-details.html">Zoology Optional: Classroom Course</a></h4>
                                        <div class="duration-rating">
                                            <div class="duration-fee">
                                                <p class="duration">Duration: <span> 3-4 Months</span></p>
                                                <p class="credit">Coverage: Paper I and Paper II of IAS Mains</p>
                                            </div>
                                            <div class="rating">
                                                <span>Rating: </span>
                                                <ul class="star">
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="courses-link">
                                            <a class="apply" href="<?=base_url('Product_details');?>">Enroll Now</a>
                                            
                                        </div>
                                    </div>                                
                                </div>                                
                            </div>
                        </div>
                        <div class="courses-col">
                            <div class="single-courses-2 courses-list mt-30">
                                <div class="courses-image">
                                    <a href="#"><img src="<?=base_url('assets/images/courses-list/zoo_ol.png');?>" alt="courses"></a>
                                </div>
                                <div class="courses-content">
                                    <p class="courses-fee">Fee: <span>INR 26,000</span></p>

                                    <div class="courses-content-wrapper">                                        
                                        <h4 class="courses-title"><a href="courses-details.html">Zoology Optional: Online Course</a></h4>
                                        <div class="duration-rating">
                                            <div class="duration-fee">
                                                <p class="duration">Duration: <span> 3-4 Months</span></p>
                                                <p class="credit">Coverage: Paper I and Paper II of IAS Mains</p>
                                            </div>
                                            <div class="rating">
                                                <span>Rating: </span>
                                                <ul class="star">
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="courses-link">
                                            <a class="apply" href="<?=base_url('Product_details');?>">Enroll Now</a>
                                            
                                        </div>
                                    </div>                                
                                </div>                                
                            </div>
                        </div>
                        <div class="courses-col">
                            <div class="single-courses-2 courses-list mt-30">
                                <div class="courses-image">
                                    <a href="#"><img src="<?=base_url('assets/images/courses-list/z_ts.png');?>" alt="courses"></a>
                                </div>
                                <div class="courses-content">
                                    <p class="courses-fee">Fee: <span>INR 10,000</span></p>

                                    <div class="courses-content-wrapper">                                        
                                        <h4 class="courses-title"><a href="courses-details.html">Zoology Optional: Test Series</a></h4>
                                        <div class="duration-rating">
                                            <div class="duration-fee">
                                                <p class="duration">Duration: <span>2-3 Months</span></p>
                                                <p class="credit">Covearge: Paper I and Paper II of IAS Mains</p>
                                            </div>
                                            <div class="rating">
                                                <span>Rating: </span>
                                                <ul class="star">
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                    <li><i class="fas fa-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="courses-link">
                                            <a class="apply" href="<?=base_url('Product_details');?>">Enroll Now</a>
                                            
                                        </div>
                                    </div>                                
                                </div>                                
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>        
         </div>
 </section>