<section class="achievements-section section-padding" id="section_achievements">
    <div class="container">
        <div class="section-header">
            <h2 class="text-center mb-4">ACHIEVEMENTS</h2>
            <div class="heading-line" style="margin-top: -0.7em"></div>
            <p class="text-center">Excellence in Every Step</p>
        </div>
        <div class="row text-center">
            <!-- Achievement Box 1 -->
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 achievement-box" id="app-margin">
                <img src="{{ asset('assets/images/experience.png')}}" alt="Experience" class="img-fluid achievement-image" />
                <h2 class="achievement-value count" data-count="10">0</h2>
                <p class="achievement-text">Years of Experience</p>
            </div>

            <!-- Achievement Box 2 -->
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 achievement-box" id="app-margin">
                <img src="{{ asset('assets/images/downloads.png')}}" alt="Downloads" class="img-fluid achievement-image" />
                <h2 class="achievement-value">
                    <span class="count" data-count="30">0</span> M+
                </h2>
                <p class="achievement-text">Downloads</p>
            </div>

            <!-- Achievement Box 3 -->
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 achievement-box" id="app-margin">
                <img src="{{ asset('assets/images/users.png')}}" alt="Active Users" class="img-fluid achievement-image" />
                <h2 class="achievement-value">
                    <span class="count" data-count="5">0</span> M+
                </h2>
                <p class="achievement-text">Monthly Active Users</p>
            </div>

            <!-- Achievement Box 4 -->
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 achievement-box" id="app-margin">
                <img src="{{ asset('assets/images/countries.png')}}" alt="Countries" class="img-fluid achievement-image" />
                <h2 class="achievement-value count" data-count="197">0</h2>
                <p class="achievement-text">Countries</p>
            </div>
        </div>
    </div>
</section>
