@aware(['page'])
<div>
    <div class="theme-max-w mx-auto mb-10 px-5">
        <div class="text-center text-4xl text-neutral-800 mb-6">{{$title}}</div>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
            @foreach($feature as $skill)
                <div class="text-center mb-3">
                    <div class="w-20 h-20 theme-bg-blue flex items-center justify-center text-white text-3xl mx-auto mb-3">
                        <i class="{{$skill['icon']}} text-3xl text-white"></i>
                    </div>
                    <div class="text-black text-xl font-bold mb-1">{{$skill['featuretitle']}}</div>
                    <div class="text-gray-600 mb-1">{{$skill['featuredescription']}}</div>
                </div>
            @endforeach
        </div>
    </div>
</div>