{# Why Choose Us Section #}
<section class="asocut-why-choose-section">
	<div class="container">
		<div class="row mb-5">
			<div class="col-lg-8">
				<h2 class="section-title">{{ "theme.whyChooseUs"|trans|default("Why Choose ASOCUT?") }}</h2>
				<p class="section-subtitle">{{ "theme.whyChooseUsSubtitle"|trans|default("We deliver quality, reliability, and exceptional service") }}</p>
			</div>
		</div>

		<div class="row g-4">
			<div class="col-lg-3 col-md-6 text-center">
				<div class="mb-3">
					<i class="bi bi-shield-check feature-icon"></i>
				</div>
				<h5>{{ "theme.premiumQuality"|trans|default("Premium Quality") }}</h5>
				<p>{{ "theme.premiumQualityText"|trans|default("All products meet international standards and certifications") }}</p>
			</div>

			<div class="col-lg-3 col-md-6 text-center">
				<div class="mb-3">
					<i class="bi bi-truck feature-icon"></i>
				</div>
				<h5>{{ "theme.fastShipping"|trans|default("Fast Shipping") }}</h5>
				<p>{{ "theme.fastShippingText"|trans|default("Free shipping on orders over $50, delivered within 2-3 days") }}</p>
			</div>

			<div class="col-lg-3 col-md-6 text-center">
				<div class="mb-3">
					<i class="bi bi-arrow-counterclockwise feature-icon"></i>
				</div>
				<h5>{{ "theme.easyReturns"|trans|default("Easy Returns") }}</h5>
				<p>{{ "theme.easyReturnsText"|trans|default("30-day money-back guarantee on all products") }}</p>
			</div>

			<div class="col-lg-3 col-md-6 text-center">
				<div class="mb-3">
					<i class="bi bi-headset feature-icon"></i>
				</div>
				<h5>{{ "theme.support"|trans|default("24/7 Support") }}</h5>
				<p>{{ "theme.supportText"|trans|default("Expert customer service team ready to help anytime") }}</p>
			</div>
		</div>
	</div>
</section>