{{-- Home Page Benefits Start --}}

 <section id="homepage_benefits">
    <div class="container clearfix">
        <div class="content-wrap">
            <div class="heading-block center">
                {{-- <h3>CREDITFAIR</h3> --}}
                <p class="last" style="font-size:50px; color:rgb(0, 0, 0); font-weight:900;">Our Products<br></p>
            </div>

            <div class="row benefits_home">
                <div class="col-md-4 col-sm-12" id="cards_benefits" data-animation="fadeInLeft">
                    <div class="card" style="border: 0px solid #ddd; border-radius: 10px; padding: 20px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); text-align: center; margin-top:10px">
                        <p style="font-size:27px; font-weight:600; color:rgb(32, 10, 92);">Residential</p>
                        <p style="font-size:16px;">Save big on bills, and go green with an easy rooftop solar loan solution for your home.</p>
                        <img src="/assets/front/img/homepage_banners/Residential.png" class="card-img-top" style="max-width: 300px; height: auto; margin: 10px auto;" alt="Residential Societies">
                    </div>
                </div>

                <div class="col-md-4 col-sm-12" id="cards_benefits" data-animation="fadeInUp">
                    <div class="card" style="border: 0px solid #ddd; border-radius: 10px; padding: 20px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); text-align: center; margin-top:10px">
                        <p style="font-size:27px; font-weight:600; color:rgb(32, 10, 92);">Bharat MSME</p>
                        <p style="font-size:16px;">Power your business with solar and cut costs, reduce your footprint, and grow sustainably!</p>
                        <img src="/assets/front/img/homepage_banners/msme_2.png" class="card-img-top" style="max-width: 300px; height: auto; margin: 10px auto;" alt="MSME">
                    </div>
                </div>

                <div class="col-md-4 col-sm-12" id="cards_benefits" data-animation="fadeInRight">
                    <div class="card" style="border: 0px solid #ddd; border-radius: 10px; padding: 20px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); text-align: center; margin-top:10px">
                        <p style="font-size:27px; font-weight:600; color:rgb(32, 10, 92);">Housing Society</p>
                        <p style="font-size:16px;">Cut costs, embrace sustainability, and build a greener community for the future!</p>
                        <img src="/assets/front/img/homepage_banners/Housing.png" class="card-img-top" style="max-width: 300px; height: auto; margin: 10px auto;" alt="Solar Channel Financing">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

 {{-- Home Page Benefits End --}}