<div class="container-fluid py-3">
	<div class="container-fluid px-md-5">
		<div class="d-flex align-items-center justify-content-between bg-light py-3 px-4 mb-3">
			<h3 class="m-0"><?php $mediapulse_featured_cat = get_theme_mod('featured_category');
			$mediapulse_cat_name = get_cat_name( $mediapulse_featured_cat );
			echo esc_html($mediapulse_cat_name); ?>
			</h3>
		</div>
		<div class="owl-carousel owl-carousel-2 carousel-item-4 position-relative">
		<?php  $mediapulse_featured_cat = get_theme_mod('featured_category');
		$args = array(
		'post_type'=> 'post',
		'orderby'    => 'ID',
		'cat'		=> $mediapulse_featured_cat,
		'post_status' => 'publish',
		'order'    => 'DESC',
		'posts_per_page' => -1 // this will retrive all the post that is published 
		);
		$result = new WP_Query( $args );
		if ( $result->have_posts()): 
		while ( $result->have_posts() ): $result->the_post(); ?>
			<div class="position-relative overflow-hidden" style="height: 300px;">
			<?php if(has_post_thumbnail()) { 
			$mediapulse_featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'mediapulse-full');
			?>
				<img class="img-fluid w-100 h-100" src="<?php echo esc_url($mediapulse_featured_img_url); ?>" style="object-fit: cover;">
			<?php } ?>
				<div class="overlay">
					<div class="mb-1" style="font-size: 13px;">
						<?php the_category( ' , ' ); ?>
						<span class="px-1">/</span>
						<span><?php echo esc_html( get_the_date() ); ?></span>
					</div>
					<a class="h4 m-0 text-white" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
				</div>
			</div>
		<?php endwhile; endif; ?>
		</div>
	</div>
</div>
</div>
<!-- Featured News Slider End -->