 <!-- Business Services Section -->
 <section class="py-16 bg-white dark:bg-gray-900">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="text-center mb-12">
             <h2 class="text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white mb-4">
                 Business Banking Services
             </h2>
             <p class="text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto">
                 Everything your business needs to manage finances efficiently and scale successfully
             </p>
         </div>

         <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
             <!-- Business Checking -->
             <div
                 class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border border-gray-200 dark:border-gray-700 hover:shadow-2xl transition-all duration-300">
                 <div
                     class="w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-2xl flex items-center justify-center mb-6">
                     <i class="fa-solid fa-university text-2xl text-blue-600 dark:text-blue-400"></i>
                 </div>
                 <h3 class="text-xl font-bold text-gray-900 dark:text-white mb-3">Business Checking</h3>
                 <p class="text-gray-600 dark:text-gray-300 mb-4">
                     Flexible checking accounts with low fees and high transaction limits.
                 </p>
                 <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>No monthly
                         maintenance fees</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Unlimited
                         transactions</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Online banking
                         included</li>
                 </ul>
             </div>

             <!-- Business Savings -->
             <div
                 class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border border-gray-200 dark:border-gray-700 hover:shadow-2xl transition-all duration-300">
                 <div
                     class="w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-2xl flex items-center justify-center mb-6">
                     <i class="fa-solid fa-piggy-bank text-2xl text-green-600 dark:text-green-400"></i>
                 </div>
                 <h3 class="text-xl font-bold text-gray-900 dark:text-white mb-3">Business Savings</h3>
                 <p class="text-gray-600 dark:text-gray-300 mb-4">
                     Competitive interest rates to help your business funds grow.
                 </p>
                 <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>High-yield
                         interest rates</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>No minimum
                         balance</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>FDIC insured
                     </li>
                 </ul>
             </div>

             <!-- Business Loans -->
             <div
                 class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border border-gray-200 dark:border-gray-700 hover:shadow-2xl transition-all duration-300">
                 <div
                     class="w-16 h-16 bg-purple-100 dark:bg-purple-900/30 rounded-2xl flex items-center justify-center mb-6">
                     <i class="fa-solid fa-handshake text-2xl text-purple-600 dark:text-purple-400"></i>
                 </div>
                 <h3 class="text-xl font-bold text-gray-900 dark:text-white mb-3">Business Loans</h3>
                 <p class="text-gray-600 dark:text-gray-300 mb-4">
                     Flexible financing solutions for expansion, equipment, and working capital.
                 </p>
                 <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Competitive
                         rates
                     </li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Quick approval
                         process</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Flexible terms
                     </li>
                 </ul>
             </div>

             <!-- Merchant Services -->
             <div
                 class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border border-gray-200 dark:border-gray-700 hover:shadow-2xl transition-all duration-300">
                 <div
                     class="w-16 h-16 bg-orange-100 dark:bg-orange-900/30 rounded-2xl flex items-center justify-center mb-6">
                     <i class="fa-solid fa-credit-card text-2xl text-orange-600 dark:text-orange-400"></i>
                 </div>
                 <h3 class="text-xl font-bold text-gray-900 dark:text-white mb-3">Merchant Services</h3>
                 <p class="text-gray-600 dark:text-gray-300 mb-4">
                     Accept payments anywhere with our secure payment processing solutions.
                 </p>
                 <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Multiple payment
                         methods</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Secure
                         transactions</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Real-time
                         reporting</li>
                 </ul>
             </div>

             <!-- Cash Management -->
             <div
                 class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border border-gray-200 dark:border-gray-700 hover:shadow-2xl transition-all duration-300">
                 <div
                     class="w-16 h-16 bg-teal-100 dark:bg-teal-900/30 rounded-2xl flex items-center justify-center mb-6">
                     <i class="fa-solid fa-chart-line text-2xl text-teal-600 dark:text-teal-400"></i>
                 </div>
                 <h3 class="text-xl font-bold text-gray-900 dark:text-white mb-3">Cash Management</h3>
                 <p class="text-gray-600 dark:text-gray-300 mb-4">
                     Optimize your cash flow with advanced treasury management tools.
                 </p>
                 <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Automated
                         clearing</li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Wire transfers
                     </li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Account
                         reconciliation</li>
                 </ul>
             </div>

             <!-- Business Credit Cards -->
             <div
                 class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border border-gray-200 dark:border-gray-700 hover:shadow-2xl transition-all duration-300">
                 <div class="w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-2xl flex items-center justify-center mb-6">
                     <i class="fa-solid fa-credit-card text-2xl text-red-600 dark:text-red-400"></i>
                 </div>
                 <h3 class="text-xl font-bold text-gray-900 dark:text-white mb-3">Business Credit Cards</h3>
                 <p class="text-gray-600 dark:text-gray-300 mb-4">
                     Build business credit while earning rewards on everyday purchases.
                 </p>
                 <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-300">
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Cashback rewards
                     </li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Expense tracking
                     </li>
                     <li class="flex items-center"><i class="fa-solid fa-check text-green-500 mr-2"></i>Employee cards
                     </li>
                 </ul>
             </div>
         </div>
     </div>
 </section>
<?php /**PATH C:\xampp\htdocs\projects\online-banking-v7.0\resources\views/frontend/sections/services/business_banking/services.blade.php ENDPATH**/ ?>