From 9656ac4b26c97dec6c4ef3e7e097c76f37716826 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 24 Feb 2025 17:59:41 +0200
Subject: [PATCH] fix about sapcing

---
 templates/partials/about/about2.html |  4 ++--
 templates/partials/about/about3.html |  4 ++--
 templates/partials/about/about4.html |  4 ++--
 templates/partials/about/about5.html |  4 ++--
 templates/partials/about/about6.html | 10 +++++-----
 templates/partials/hero/myhero7.html |  2 +-
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/templates/partials/about/about2.html b/templates/partials/about/about2.html
index bf82739..1bc55ed 100644
--- a/templates/partials/about/about2.html
+++ b/templates/partials/about/about2.html
@@ -1,5 +1,5 @@
-<div class="relative bg-white isolate overflow-hidden  py-12">
-    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+<div class="relative bg-white isolate overflow-hidden py-12">
+    <div class="mx-auto max-w-7xl px-4 lg:px-8">
         <div>
             <h1 class="fade-in text-balance text-4xl font-medium tracking-tight text-black lg:text-5xl">Our Technology
             </h1>
diff --git a/templates/partials/about/about3.html b/templates/partials/about/about3.html
index b78d1a6..782cacc 100644
--- a/templates/partials/about/about3.html
+++ b/templates/partials/about/about3.html
@@ -1,6 +1,6 @@
-<div class=" fade-in">
+<div class=" fade-in py-12">
     <div class="relative isolate">
-        <div class="mx-auto max-w-7xl px-6 lg:py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
+        <div class="mx-auto max-w-7xl px-4 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
             <div class="mb-6 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
 
                 <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/efficient.jpeg" 
diff --git a/templates/partials/about/about4.html b/templates/partials/about/about4.html
index 643aa5e..0ba773f 100644
--- a/templates/partials/about/about4.html
+++ b/templates/partials/about/about4.html
@@ -1,6 +1,6 @@
-<div class=" fade-in bg-white">
+<div class=" fade-in py-12">
     <div class="relative isolate">
-        <div class="mx-auto max-w-7xl px-6 lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
+        <div class="mx-auto max-w-7xl px-4 lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
             <div class="my-6 lg:flex lg:justify-center lg:w-1/2">
                 {# <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/about3.jpg" 
                     alt="Mobile App Screenshot"> #}
diff --git a/templates/partials/about/about5.html b/templates/partials/about/about5.html
index fd0a53c..14eaee9 100644
--- a/templates/partials/about/about5.html
+++ b/templates/partials/about/about5.html
@@ -1,6 +1,6 @@
-<div class=" fade-in">
+<div class=" fade-in py-12">
     <div class="relative isolate">
-        <div class="mx-auto max-w-7xl px-6 lg:py-24 py-12 lg:flex lg:items-center lg:gap-x-20 lg:px-8">
+        <div class="mx-auto max-w-7xl px-4  lg:flex lg:items-center lg:gap-x-20 lg:px-8">
             <div class="my-6 lg:flex lg:justify-center lg:w-1/2 lg:order-2">
                 <img class="w-full max-w-md h-auto object-cover rounded-xl" src="/images/scalability.jpeg" 
                 alt="Mobile App Screenshot">
diff --git a/templates/partials/about/about6.html b/templates/partials/about/about6.html
index b3eff41..3621349 100644
--- a/templates/partials/about/about6.html
+++ b/templates/partials/about/about6.html
@@ -1,7 +1,7 @@
-<div class="bg-white fade-in">
-    <div class="relative isolate px-6 lg:px-8">
-      <div class="mx-auto max-w-4xl py-12 lg:py-24">
-        <div class="text-center">
+<div class="fade-in py-12">
+    <div class="relative isolate px-4 lg:px-8">
+      <div class="mx-auto max-w-4xl">
+        <div class="text-left lg:text-center">
           <h2 class="fade-in text-balance lg:text-5xl text-4xl font-medium tracking-tight text-black">A Part of ThreeFold Ecosystem</h2>
           <h3 class="fade-in text-balance lg:text-3xl text-2xl font-normal tracking-tight text-black">An Integral Component of Sustainable Decentralization</h3>
           <p class="mt-8 lg:text-lg font-light text-black sm:text-xl/8">Mycelium seamlessly integrates into the larger ThreeFold ecosystem, driving the shift toward sustainable and decentralized digital transformation. 
@@ -9,4 +9,4 @@
         </div>
     </div>
   </div>
-  
\ No newline at end of file
+</div> 
\ No newline at end of file
diff --git a/templates/partials/hero/myhero7.html b/templates/partials/hero/myhero7.html
index faefa3a..cf1a066 100644
--- a/templates/partials/hero/myhero7.html
+++ b/templates/partials/hero/myhero7.html
@@ -1,4 +1,4 @@
-<div class="fade-in">
+<div class="fade-in lg:pt-12">
   <div class="mx-auto max-w-7xl py-12 sm:px-6  lg:px-8">
     <div class="relative isolate overflow-hidden bg-black px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
       <div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">