{{--  Our Impact Start --}}

<section id="homepage_stats" class="bg-yellow">
    <div class="nobottommargin col-padding">
        <div class="container clearfix">

            <div class="row align-items-center">
                    <div class="col-md-12" data-animation="fadeInLeft" style="text-align: center;margin-bottom: 20px;">

                    {{-- <h3>CREDITFAIR</h3> --}}
                    <p class="last" style="font-size:50px;color:rgb(0, 0, 0);font-weight:900;">Our Impact</p>
                </div>
                <div class="col-md-6" data-animation="fadeInRight" data-delay="200">
                </div>
            </div>

            <div class="row">
                <div class="col-md-4 text-center brand-text-color" data-animation="zoomIn">
                    <img src="/assets/front/img/homepage_icons/carbon-footprint.png" class="i-plain i-xlarge divcenter nobottommargin stats_icon" />
                    <div class="counter counter-lined">
                        <span data-from="1" data-to="4" data-refresh-interval="100" data-speed="5000"></span>,<span data-from="100" data-to="870" data-refresh-interval="100" data-speed="5000"></span> CO<sub>2</sub>
                    </div>
                    <h4 class="font-grey">Carbon Emissions Reduced</h4>
                </div>

                <div class="col-md-4 text-center brand-text-color" data-animation="zoomIn" data-delay="300">
                    <img src="/assets/front/img/homepage_icons/tree.png" class="i-plain i-xlarge divcenter nobottommargin stats_icon" />
                    <div class="counter counter-lined">
                        <span data-from="1" data-to="2" data-refresh-interval="200" data-speed="5000"></span>,<span data-from="100" data-to="240" data-refresh-interval="200" data-speed="5000"></span>,<span data-from="1" data-to="57" data-refresh-interval="200" data-speed="5000"></span>
                    </div>
                    <h4 class="font-grey">Trees Saved</h4>
                </div>

                <div class="col-md-4 text-center brand-text-color" data-animation="zoomIn" data-delay="500">
                    <img src="/assets/front/img/homepage_icons/energy.png" class="i-plain i-xlarge divcenter nobottommargin stats_icon" />
                    <div class="counter counter-lined">
                        <span data-from="1" data-to="57" data-refresh-interval="100" data-speed="5000"></span>,<span data-from="100" data-to="303" data-refresh-interval="100" data-speed="5000"></span>,<span data-from="1" data-to="60" data-refresh-interval="100" data-speed="5000"></span> kWh
                    </div>
                    <h4 class="font-grey">Energy Generated</h4>
                </div>
            </div>

        </div>
    </div>
</section>

{{--  Our Impact End --}}