fix

src/components/Team.jsx

@@ -29,20 +29,20 @@ const people = [
   
   export default function Team() {
     return (
-      <div className="relative py-12 lg:py-24">
+      <div className="relative py-12 lg:pt-24 pt-0 lg:pb-12 pb-0">
         {/* Dark overlay for better text readability */}
         <div className="absolute inset-0"></div>
         <div className="relative z-10">
-          <div className="mx-auto grid max-w-8xl grid-cols-1 gap-x-8 gap-y-20 px-6 lg:px-8 xl:grid-cols-3">
+          <div className="mx-auto grid max-w-8xl grid-cols-1 gap-x-8 lg:gap-y-20 gap-y-10  px-6 lg:px-8 xl:grid-cols-3">
             <div className="mx-auto max-w-2xl lg:mx-0">
               <H2 className=" ">Our People</H2>
-              <PS className="mt-4">
+              <PS className="mt-2">
               We are a dynamic family of individuals from diverse cultural backgrounds and varied expertise, united by our passion in spirituality and dedication delivering heartfelt and authentic Nile experiences for our guests.
               </PS>
             </div>
             <ul
               role="list"
-              className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-20 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:gap-x-8 xl:col-span-2"
+              className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 lg:gap-y-20 gap-y-10 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:gap-x-8 xl:col-span-2"
             >
               {people.map((person) => (
                 <li key={person.name}>