css changes

src/routes/about/+page.svelte

@@ -1,4 +1,4 @@
-<div class="bg-secondary">
+<div class="bg-secondary px-10">
   <div
   class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
   >

src/routes/delivery/+page.svelte

@@ -25,7 +25,7 @@
     });
   
 </script>
-  
+  
   <div class="bg-secondary px-10">
     <div 
     class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
@@ -62,6 +62,26 @@
           </div>
           <div class="col-span-12 mx-auto  py-10">
             <img class=" h-20 w-auto" src="/images/creditcards.png" alt="">
+          </div>
+          <div class="col-span-12 mb-10">
+            <ul>
+              <div class="flex gap-5">
+                <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
+                <li class=" font-bold text-error">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
+              </div>
+              <div class="flex gap-5">
+                <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
+                <li class=" font-bold">
+                  5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
+                </li>
+              </div>
+              <div class="flex gap-5">
+                <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
+                <li class=" font-bold">
+                  20% biodiesel and above (B20+) is Bioheat Super Plus®
+                </li>
+              </div>
+            </ul>
           </div>
         </div>
       </div>

src/routes/servicearea/+page.svelte

@@ -1,4 +1,4 @@
-<div class=" bg-secondary mb-10">
+<div class=" bg-secondary px-10">
     <div 
     class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
     >