<style>
    .bg_earn {
        background-color: #D9E7DF;
    }

    .bg-boxs {
        background-color: #F7F4F1;
    }
</style>
<div class="relative px-4 sm:px-6 lg:pb-28 lg:px-8 bg_earn">
    <div class="relative max-w-7xl mx-auto">
        <div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">

            <div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
                <div class="flex-shrink-0">
                    <img class="mx-auto object-cover" src="/images/key.png" alt="" />
                </div>
                <div class="flex-1 p-6 flex flex-col justify-between text-center">
                    <div class="flex-1">
                        <h2 class="uppercase">EVERYONE<br> HAS ACCESS</h2>
                        <div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Every member of society has access and there are no barriers to entry,.</div>
                    </div>
                </div>
            </div>

            <div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
                <div class="flex-shrink-0">
                    <img class="mx-auto object-cover" src="/images/partake.png" alt="" />
                </div>
                <div class="flex-1 p-6 flex flex-col justify-between text-center">
                    <div class="flex-1">
                        <h2 class="uppercase">ANYONE<br> CAN PARTAKE</h2>
                        <div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Only you have control of your data and decide who has access to it.</div>
                    </div>
                </div>
            </div>


            <div class="flex flex-col pb-10 rounded-lg shadow-lg overflow-hidden bg-boxs">
                <div class="flex-shrink-0">
                    <img class="mx-auto object-cover" src="/images/succeed.png" alt="" />
                </div>
                <div class="flex-1 p-6 flex flex-col justify-between text-center">
                    <div class="flex-1">
                        <h2 class="uppercase">ANYONE<br> CAN SUCCEED</h2>
                        <div class="mt-3 leading-6 text-gray-900 text-2xl max-w-sm">Anyone can attain the opportunity to earn and to better their lives.</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>