Manual changes saved

index.html

@@ -1061,78 +1061,118 @@
         </div>
       </div>
 
-      <!-- Non-accordion groups -->
-      <div data-aos="fade-up" data-aos-delay="350">
-        <h4 class="font-semibold text-[#002060] mb-3 flex items-center gap-2">
-          <i data-feather="globe" class="w-5 h-5"></i>
-          International Shipments
-        </h4>
-        <ul class="space-y-1">
-          <li>International Shipping with VLC</li>
-          <li>VLC’s International Settings</li>
-          <li>Customs Declarations</li>
-          <li>Print Customs Forms</li>
-          <li>Other International Options &amp; Forms</li>
-          <li>Global Advantage Program</li>
-        </ul>
-      </div>
+     <!-- Replace the five non-accordion groups with these accordion blocks -->
+
+<!-- International Shipments -->
+<div class="feature-accordion" data-aos="fade-up" data-aos-delay="350">
+  <div class="feature-accordion-header" role="button" tabindex="0" aria-expanded="false">
+    <h4 class="font-semibold text-[#002060] flex items-center gap-2">
+      <i data-feather="globe" class="w-5 h-5"></i>
+      International Shipments
+    </h4>
+    <i data-feather="chevron-down" class="w-5 h-5 accordion-icon" aria-hidden="true"></i>
+  </div>
+  <div class="feature-accordion-content" aria-hidden="true">
+    <div class="feature-accordion-content-inner">
+      <ul class="space-y-1">
+        <li>International Shipping with VLC</li>
+        <li>VLC’s International Settings</li>
+        <li>Customs Declarations</li>
+        <li>Print Customs Forms</li>
+        <li>Other International Options &amp; Forms</li>
+        <li>Global Advantage Program</li>
+      </ul>
+    </div>
+  </div>
+</div>
 
-      <div data-aos="fade-up" data-aos-delay="400">
-        <h4 class="font-semibold text-[#002060] mb-3 flex items-center gap-2">
-          <i data-feather="package" class="w-5 h-5"></i>
-          Custom Packaging
-        </h4>
-        <ul class="space-y-1">
-          <li>Custom Package Types</li>
-        </ul>
-      </div>
+<!-- Custom Packaging -->
+<div class="feature-accordion" data-aos="fade-up" data-aos-delay="400">
+  <div class="feature-accordion-header" role="button" tabindex="0" aria-expanded="false">
+    <h4 class="font-semibold text-[#002060] flex items-center gap-2">
+      <i data-feather="package" class="w-5 h-5"></i>
+      Custom Packaging
+    </h4>
+    <i data-feather="chevron-down" class="w-5 h-5 accordion-icon" aria-hidden="true"></i>
+  </div>
+  <div class="feature-accordion-content" aria-hidden="true">
+    <div class="feature-accordion-content-inner">
+      <ul class="space-y-1">
+        <li>Custom Package Types</li>
+      </ul>
+    </div>
+  </div>
+</div>
 
-      <div data-aos="fade-up" data-aos-delay="450">
-        <h4 class="font-semibold text-[#002060] mb-3 flex items-center gap-2">
-          <i data-feather="maximize-2" class="w-5 h-5"></i>
-          Barcode Actions
-        </h4>
-        <ul class="space-y-1">
-          <li>Barcode Scanning Overview</li>
-          <li>View Orders with a Barcode Scan</li>
-          <li>Search Orders with a Barcode Scan</li>
-          <li>Verify &amp; Print Shipments with Barcode Scan</li>
-          <li>UPC and SKU Settings for Barcode Scanning</li>
-          <li>Batch Orders with a Barcode Scan</li>
-          <li>Add Barcodes to Packing Slips</li>
-          <li>Other Barcode Uses</li>
-          <li>Scan Barcodes with VLC Mobile</li>
-        </ul>
-      </div>
+<!-- Barcode Actions -->
+<div class="feature-accordion" data-aos="fade-up" data-aos-delay="450">
+  <div class="feature-accordion-header" role="button" tabindex="0" aria-expanded="false">
+    <h4 class="font-semibold text-[#002060] flex items-center gap-2">
+      <i data-feather="maximize-2" class="w-5 h-5"></i>
+      Barcode Actions
+    </h4>
+    <i data-feather="chevron-down" class="w-5 h-5 accordion-icon" aria-hidden="true"></i>
+  </div>
+  <div class="feature-accordion-content" aria-hidden="true">
+    <div class="feature-accordion-content-inner">
+      <ul class="space-y-1">
+        <li>Barcode Scanning Overview</li>
+        <li>View Orders with a Barcode Scan</li>
+        <li>Search Orders with a Barcode Scan</li>
+        <li>Verify &amp; Print Shipments with Barcode Scan</li>
+        <li>UPC and SKU Settings for Barcode Scanning</li>
+        <li>Batch Orders with a Barcode Scan</li>
+        <li>Add Barcodes to Packing Slips</li>
+        <li>Other Barcode Uses</li>
+        <li>Scan Barcodes with VLC Mobile</li>
+      </ul>
+    </div>
+  </div>
+</div>
 
-      <div data-aos="fade-up" data-aos-delay="500">
-        <h4 class="font-semibold text-[#002060] mb-3 flex items-center gap-2">
-          <i data-feather="settings" class="w-5 h-5"></i>
-          General Settings
-        </h4>
-        <ul class="space-y-1">
-          <li>Third-Party Billing</li>
-        </ul>
-      </div>
+<!-- General Settings -->
+<div class="feature-accordion" data-aos="fade-up" data-aos-delay="500">
+  <div class="feature-accordion-header" role="button" tabindex="0" aria-expanded="false">
+    <h4 class="font-semibold text-[#002060] flex items-center gap-2">
+      <i data-feather="settings" class="w-5 h-5"></i>
+      General Settings
+    </h4>
+    <i data-feather="chevron-down" class="w-5 h-5 accordion-icon" aria-hidden="true"></i>
+  </div>
+  <div class="feature-accordion-content" aria-hidden="true">
+    <div class="feature-accordion-content-inner">
+      <ul class="space-y-1">
+        <li>Third-Party Billing</li>
+      </ul>
+    </div>
+  </div>
+</div>
 
-      <div data-aos="fade-up" data-aos-delay="550">
-        <h4 class="font-semibold text-[#002060] mb-3 flex items-center gap-2">
-          <i data-feather="credit-card" class="w-5 h-5"></i>
-          Setup Carrier Accounts
-        </h4>
-        <ul class="space-y-1">
-          <li>Dimensions based on setup</li>
-          <li>Weights and dimensions on items</li>
-          <li>Posting shipment and Invoice of a BC order from Shipping App</li>
-          <li>Weight Discrepancy</li>
-          <li>Setup based rate shop for a specific carrier</li>
-          <li>Package Contents Label/PDF</li>
-          <li>Print Posted Documents</li>
-          <li>Partial Shipments</li>
-        </ul>
-      </div>
+<!-- Setup Carrier Accounts -->
+<div class="feature-accordion" data-aos="fade-up" data-aos-delay="550">
+  <div class="feature-accordion-header" role="button" tabindex="0" aria-expanded="false">
+    <h4 class="font-semibold text-[#002060] flex items-center gap-2">
+      <i data-feather="credit-card" class="w-5 h-5"></i>
+      Setup Carrier Accounts
+    </h4>
+    <i data-feather="chevron-down" class="w-5 h-5 accordion-icon" aria-hidden="true"></i>
+  </div>
+  <div class="feature-accordion-content" aria-hidden="true">
+    <div class="feature-accordion-content-inner">
+      <ul class="space-y-1">
+        <li>Dimensions based on setup</li>
+        <li>Weights and dimensions on items</li>
+        <li>Posting shipment and Invoice of a BC order from Shipping App</li>
+        <li>Weight Discrepancy</li>
+        <li>Setup based rate shop for a specific carrier</li>
+        <li>Package Contents Label/PDF</li>
+        <li>Print Posted Documents</li>
+        <li>Partial Shipments</li>
+      </ul>
     </div>
   </div>
+</div>
+
 
   <!-- Optional: Accordion + Feather init (kept inside the section for portability) -->
   <script>