<section class="why-section reveal" id="why-us">

    <div class="container">

        <div class="text-center mb-5">

            <span class="section-tag">
                WHY CHOOSE US
            </span>

            <h2 class="section-title mt-3">
                Everything You Need In One Platform
            </h2>

            <p class="section-subtitle">
                We combine security, transparency and convenience to make contributions and savings stress-free.
            </p>

        </div>

        <div class="row g-4">

            <!-- Card 1 -->

            <div class="col-md-6 col-xl-3">

                <div class="why-card">

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

                    <h4>Secure Platform</h4>

                    <p>
                        Your money and records are protected with modern security practices.
                    </p>

                </div>

            </div>

            <!-- Card 2 -->

            <div class="col-md-6 col-xl-3">

                <div class="why-card">

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

                    <h4>Manage Anywhere</h4>

                    <p>
                        Access your account, make contributions and monitor progress anytime.
                    </p>

                </div>

            </div>

            <!-- Card 3 -->

            <div class="col-md-6 col-xl-3">

                <div class="why-card">

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

                    <h4>Real-Time Tracking</h4>

                    <p>
                        Monitor balances, payment history and savings growth instantly.
                    </p>

                </div>

            </div>

            <!-- Card 4 -->

            <div class="col-md-6 col-xl-3">

                <div class="why-card">

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

                    <h4>Dedicated Support</h4>

                    <p>
                        Our support team is always available whenever you need assistance.
                    </p>

                </div>

            </div>

        </div>

    </div>

</section>