edit

src/components/Carousel.jsx

@@ -71,13 +71,13 @@ const MultiCardCarousel = () => {
   const displayCards = isMobile ? [cards[currentIndex]] : cards.slice(currentIndex, currentIndex + 3);
 
   return (
-    <div className="bg-transparent flex items-center justify-center py-16 px-6">
+    <div className="bg-transparent flex items-center justify-center py-12 px-6">
       <div className="w-full max-w-7xl ">
         <div className="text-left mx-auto max-w-7xl ">
           <H2 className="">
             Activities
           </H2>
-          <P className="max-w-5xl mb-8">
+          <P className="max-w-5xl mt-2 mb-8">
             Explore a diverse range of activities designed to elevate your Mind, Body, and Soul.
           </P>
         </div>