<div class="max-w-5xl mx-auto px-6"> <h3 class="text-2xl font-bold text-gray-800 mb-4">How It Helps You</h3> <p class="text-gray-600 leading-relaxed mb-10 text-base"> Travel smarter by verifying luggage size compatibility with airlines and cabin rules. </p> <div class="grid md:grid-cols-2 gap-6"> <div class="bg-gray-50 p-6 rounded-2xl shadow-sm border hover:shadow-md transition-all duration-200 flex gap-4 items-start"> <div class="bg-indigo-100 rounded-full p-3"> <i data-lucide="baggage-claim" class="w-6 h-6 text-indigo-500"></i> </div> <div> <h4 class="font-semibold text-gray-800 text-lg mb-1">Carry-On Checker</h4> <p class="text-sm text-gray-600"> Match your luggage size with airline carry-on limits across major carriers. </p> </div> </div> <div class="bg-gray-50 p-6 rounded-2xl shadow-sm border hover:shadow-md transition-all duration-200 flex gap-4 items-start"> <div class="bg-pink-100 rounded-full p-3"> <i data-lucide="plane" class="w-6 h-6 text-pink-500"></i> </div> <div> <h4 class="font-semibold text-gray-800 text-lg mb-1">Airline Compatibility</h4> <p class="text-sm text-gray-600"> View luggage rules by airline and brand to avoid extra fees at the gate. </p> </div> </div> </div> </div>