Manual changes saved

index.html

@@ -262,10 +262,10 @@
               <h3 class="font-bold text-xl ml-4">Web Design & Development</h3>
             </div>
             <p class="text-gray-600 mb-6">Custom online stores with responsive design and seamless user experience.</p>
-            <a href="https://www.vlcsolutions.com/ecommerce-web-design-development.html" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/ecommerce-web-design-development.html" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
 
         <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl" data-aos="fade-up" data-aos-delay="150">
@@ -277,10 +277,10 @@
               <h3 class="font-bold text-xl ml-4">Consulting</h3>
             </div>
             <p class="text-gray-600 mb-6">Strategic guidance to optimize your e-commerce operations and growth.</p>
-            <a href="https://www.vlcsolutions.com/ecommerce-consulting.html" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/ecommerce-consulting.html" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
 
         <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl" data-aos="fade-up" data-aos-delay="200">
@@ -292,10 +292,10 @@
               <h3 class="font-bold text-xl ml-4">Integration</h3>
             </div>
             <p class="text-gray-600 mb-6">Seamless connection between your e-commerce platform and business systems.</p>
-            <a href="https://www.vlcsolutions.com/ecommerce-integration.html" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/ecommerce-integration.html" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
 
         <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl" data-aos="fade-up" data-aos-delay="250">
@@ -307,10 +307,10 @@
               <h3 class="font-bold text-xl ml-4">Search Engine Marketing</h3>
             </div>
             <p class="text-gray-600 mb-6">Drive qualified traffic and increase conversions through targeted campaigns.</p>
-            <a href="https://www.vlcsolutions.com/search-engine-marketing.html" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/search-engine-marketing.html" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
 
         <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl" data-aos="fade-up" data-aos-delay="300">
@@ -322,10 +322,10 @@
               <h3 class="font-bold text-xl ml-4">Multimedia</h3>
             </div>
             <p class="text-gray-600 mb-6">Engaging product visuals and videos to showcase your offerings.</p>
-            <a href="https://www.vlcsolutions.com/multimedia-services.html" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/multimedia-services.html" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
         <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl" data-aos="fade-up" data-aos-delay="350">
           <div class="p-6">
@@ -336,10 +336,10 @@
               <h3 class="font-bold text-xl ml-4">Mobile</h3>
             </div>
             <p class="text-gray-600 mb-6">Optimized mobile shopping experiences with responsive design.</p>
-            <a href="https://www.vlcsolutions.com/ecommerce-development-services.html#" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/ecommerce-development-services.html#" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
 
         <div class="service-card bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl" data-aos="fade-up" data-aos-delay="400">
@@ -351,10 +351,10 @@
               <h3 class="font-bold text-xl ml-4">Social Media</h3>
             </div>
             <p class="text-gray-600 mb-6">Boost engagement and sales through strategic social media campaigns.</p>
-            <a href="https://www.vlcsolutions.com/social-media-marketing.html" class="learn-more-link">
+            <a href="https://www.vlcsolutions.com/social-media-marketing.html" class="inline-flex items-center text-[var(--vlc-sky)] font-medium hover:text-[var(--vlc-navy)]">
               Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i>
             </a>
-</div>
+          </div>
         </div>
       </div>
 </div>