<section class="margin-top-xs-55" style="background: #fff;position: relative;
">
	<div class="header-text mb-0">
		<div>
			<div class="row ">
				<div class="col-lg-12 col-md-12 col-sm-12 text-center">
					<svg style="width:100%;height: 450px;" viewBox="0 0 1280 679" preserveAspectRatio="none" width="100%" height="100%">
						<defs>
							<g id="shape">
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="#D9D9D9"></path>
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="url(#gradient)"></path>
							</g>
							<radialGradient id="gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(640 -261.197) rotate(90) scale(815.683 664.92)">
								<stop stop-color="#4169E1"></stop>
								<stop offset="1" stop-color="#071A34"></stop>
							</radialGradient>
						</defs>
						<use href="#shape"></use>
					</svg>
					<div class="frame-image">
						<div style="position: absolute; border-radius: inherit; inset: 0px;" data-framer-background-image-wrapper="true"><img decoding="async" sizes="100vw" src="<?php echo base_url(); ?>assets/lSHGuRrPALnsNPFyY1JslN8so.png" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; object-position: center center; object-fit: cover;"></div>
					</div>
					<div class="text-body main-header-text">
						<h1 class="mb-1 leading-tight text-white text-white-mobile slider-mobile-text">Products :: <?php echo $all_product->prd_cat_name; ?></h1>
					</div>
				</div>

				<div class="floating-icons">
					<i class="icon-facebook"></i>
					<i class="icon-adwords"></i>
					<i class="icon-seo"></i>
					<i class="icon-instagram"></i>
					<i class="icon-activecampaign"></i>
					<i class="icon-wordpress"></i>
					<i class="icon-shopify"></i>
					<i class="icon-youtube"></i>
					<i class="icon-analytics"></i>
					<i class="icon-kk"></i>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="bg-white">
	<div class="container course-cat-section">
		<div class="row">
			<div class="col-md-12 order-1 order-sm-2">
				<div class="mb-4 popular-list__title">
					<span class="popular-list__title-text" id="course_cat_name"><?php echo $all_product->prd_cat_name; ?></span>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="pt-3 pb-3 bg-white product-category">
	<div class="container">
		<div class="row">
			<?php if ($all_product->all_prd):
				foreach ($all_product->all_prd as $product): ?>
					<div class="col-xl-3 col-lg-3 col-md-3">
						<div class="card overflow-hidden product-price-details">
							<div class="item-card9-img">
								<div class="item-card9-imgs">
									<a href="<?php echo base_url() ?>product/<?php echo $product->prd_slug ?>"></a>
									<img loading="lazy" src="<?php echo base_url() ?><?php echo $product->prd_meta_og_image ?>" alt="<?php echo $product->prd_title ?>" class="cover-image">
								</div>
								<div class="item-card9-icons">
									<a href="javascript:void(0)" class="item-card9-icons1 bg-primary"> <i class="fa fa fa-heart-o"></i></a>
									<a href="javascript:void(0)" class="item-card9-icons1 bg-secondary"> <i class="fa fa fa-share-alt"></i></a>
								</div>
								<div class="item-overly-trans">
									<a href="<?php echo base_url() ?>product/<?php echo $product->prd_slug ?>" class="bg-primary">Popular</a>
								</div>
							</div>
							<div class="card-body pb-2">
								<div class="item-card9">
									<!-- <span class="item-card-badge"><i class="fa fa-briefcase me-1"></i> Business</span> -->
									<a href="<?php echo base_url() ?>product/<?php echo $product->prd_slug ?>" class="text-default-dark mt-2">
										<h3 class="mt-2 mb-2"><?php echo $product->prd_title ?></h3>
									</a>
									<p class="mb-0"><?php echo mb_strimwidth(strip_tags($product->prd_meta_description, "<style>"), 0, 50, "...") ?> </p>
								</div>
							</div>
							
							<div class="card-body pb-3 pt-1">
								<div>
									<a href="<?php echo base_url() ?>product/<?php echo $product->prd_slug ?>" class="program-detail__cta mt-3 text-center"> <i class="fa fa-eye"></i>&nbsp;&nbsp;View Product</a>
								</div>
							</div>
						</div>
					</div>
				<?php endforeach;
			else: ?>
				<div class="col-xl-12">
					<h1 class="text-center "><b>No Product Found</b></h1>
				</div>
			<?php endif; ?>
		</div>
	</div>
</section>
<style>
	.product-price-details .badge {
		background: #c83b2b;
		color: #fff !important;
		font-weight: 700;
	}
</style>