<section class="whyChooseUsSec mypy100" style="background-image: url( <?php echo get_field( 'why_choose_bg', $post_id ); ?>);">
	<div class="container-fluid">
		<div class="commonTitle">
			<h2><?php echo get_field( 'why_choose_title', $post_id ); ?></h2>
			<img src="<?php echo get_field( 'why_choose_title_divider', $post_id ); ?>" alt="" class="divider">
			<p><?php echo get_field( 'why_choose_sub_title', $post_id ); ?></p>
		</div>
		<?php
			$whyChooseList = get_posts(array(
				'post_type' => 'why-choose-list',
				'post_status' => 'publish',
				'orderby' => 'date',
				'order' => 'ASC',
				'posts_per_page' => 300
			));

		if (!empty($whyChooseList)) : // Only display the slider section if there are posts
		?>
			<div class="row align-items-center justify-content-center">
				<?php
				foreach ($whyChooseList as $whyChooseListListVal) {
					$featuredImage = get_the_post_thumbnail_url($whyChooseListListVal->ID, 'full');
				?>
					<div class="col">
						<div class="numberCounter">
							<div class="numSec">
								<img src="<?php echo esc_url($featuredImage); ?>" alt="">
								<h2><?php echo get_field("no", $whyChooseListListVal->ID); ?>+</h2>
							</div>
							<h4><?php echo get_the_title($whyChooseListListVal->ID); ?></h4>
							<p style="font-size: 12px; width: 70%; margin: 0 auto"><?php echo get_the_content(null, false, $whyChooseListListVal->ID); ?></p>
						</div>
					</div>
				<?php } ?>	
			</div>
		<?php endif; ?>
	</div>
</section>