{# ==========================================================
   Kottal Premium Theme
   Why Choose Kottal
========================================================== #}


<style>
/* ==========================================================
   Why Choose - Single Card Mobile Layout
========================================================== */
@media (max-width: 575.98px) {

    .why-section .row > .franklin-why-column {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .why-section .franklin-why-column {
        padding-left: 12px;
        padding-right: 12px;
    }

    .why-section .why-card {
        width: 100% !important;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-section .why-card h3,
    .why-section .why-card p {
        width: 100%;
        max-width: 100%;
    }
}
</style>

<section class="why-section">

    <div class="container">

        <div class="section-header text-center">

            <span class="section-subtitle">
                Why Choose Kottal
            </span>

            <h2 class="section-title">
                Trusted Kerala Ayurveda for Everyday Wellness
            </h2>

            <p class="section-description">
                Every product is carefully selected to deliver authentic
                Ayurvedic wellness with uncompromising quality.
            </p>

        </div>

        <div class="row g-4">

            <div class="col-12 col-md-6 col-lg-4 franklin-why-column">

                <div class="why-card">

                    <div class="why-icon">
                        <i class="fas fa-leaf"></i>
                    </div>

                    <h3>100% Natural Ingredients</h3>

                    <p>
                        Carefully selected herbs and botanicals inspired
                        by traditional Kerala Ayurveda.
                    </p>

                </div>

            </div>

            <div class="col-12 col-md-6 col-lg-4 franklin-why-column">

                <div class="why-card">

                    <div class="why-icon">
                        <i class="fas fa-award"></i>
                    </div>

                    <h3>Premium Quality</h3>

                    <p>
                        Manufactured with strict quality standards for
                        purity, safety and effectiveness.
                    </p>

                </div>

            </div>

            <div class="col-12 col-md-6 col-lg-4 franklin-why-column">

                <div class="why-card">

                    <div class="why-icon">
                        <i class="fas fa-seedling"></i>
                    </div>

                    <h3>Authentic Kerala Ayurveda</h3>

                    <p>
                        Traditional Ayurvedic formulations inspired by
                        centuries of healing knowledge.
                    </p>

                </div>

            </div>

            <div class="col-12 col-md-6 col-lg-4 franklin-why-column">

                <div class="why-card">

                    <div class="why-icon">
                        <i class="fas fa-shipping-fast"></i>
                    </div>

                    <h3>Fast Delivery</h3>

                    <p>
                        Secure packaging and reliable delivery across
                        India.
                    </p>

                </div>

            </div>

            <div class="col-12 col-md-6 col-lg-4 franklin-why-column">

                <div class="why-card">

                    <div class="why-icon">
                        <i class="fas fa-lock"></i>
                    </div>

                    <h3>Secure Payments</h3>

                    <p>
                        Shop confidently with trusted payment gateways
                        and encrypted transactions.
                    </p>

                </div>

            </div>

            <div class="col-12 col-md-6 col-lg-4 franklin-why-column">

                <div class="why-card">

                    <div class="why-icon">
                        <i class="fas fa-headset"></i>
                    </div>

                    <h3>Dedicated Support</h3>

                    <p>
                        Our customer support team is always ready to help
                        you choose the right products.
                    </p>

                </div>

            </div>

        </div>

    </div>

</section>