Section 7 - add icons

index.html

@@ -526,8 +526,11 @@
 
       <div class="grid md:grid-cols-3 gap-8">
         <div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up">
+          <div class="w-12 h-12 bg-[var(--vlc-leaf-tint)] rounded-full flex items-center justify-center mb-6">
+            <i data-feather="dollar-sign" class="text-[var(--vlc-leaf)] w-6 h-6"></i>
+          </div>
           <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Respond Smarter to Financial Decisions with AI</h3>
-          <p class="text-gray-600 mb-4">Make intelligent forecasting and analysis of financial data a strategic move.</p>
+<p class="text-gray-600 mb-4">Make intelligent forecasting and analysis of financial data a strategic move.</p>
           <ul class="space-y-2 text-gray-600">
             <li class="flex items-start">
               <i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mr-2 mt-0.5"></i>
@@ -539,10 +542,12 @@
             </li>
           </ul>
 </div>
-
         <div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100">
+          <div class="w-12 h-12 bg-[var(--vlc-leaf-tint)] rounded-full flex items-center justify-center mb-6">
+            <i data-feather="refresh-cw" class="text-[var(--vlc-leaf)] w-6 h-6"></i>
+          </div>
           <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Automate and Optimize Mainstream Processes</h3>
-          <p class="text-gray-600 mb-4">Automate approvals, reconciliations and journal entries with intelligent Workflow Automation to reduce manual work and enhance accuracy.</p>
+<p class="text-gray-600 mb-4">Automate approvals, reconciliations and journal entries with intelligent Workflow Automation to reduce manual work and enhance accuracy.</p>
           <ul class="space-y-2 text-gray-600">
             <li class="flex items-start">
               <i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mr-2 mt-0.5"></i>
@@ -554,10 +559,12 @@
             </li>
           </ul>
         </div>
-
         <div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200">
+          <div class="w-12 h-12 bg-[var(--vlc-leaf-tint)] rounded-full flex items-center justify-center mb-6">
+            <i data-feather="shield" class="text-[var(--vlc-leaf)] w-6 h-6"></i>
+          </div>
           <h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-4">Cut Down on Costs and Mitigate Risk</h3>
-          <p class="text-gray-600 mb-4">Impose financial discipline through tight Budget Control, establishment of limits and tracking of spending by departments.</p>
+<p class="text-gray-600 mb-4">Impose financial discipline through tight Budget Control, establishment of limits and tracking of spending by departments.</p>
           <ul class="space-y-2 text-gray-600">
             <li class="flex items-start">
               <i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5 mr-2 mt-0.5"></i>