ok

src/components/Carousel.jsx

@@ -69,14 +69,13 @@ const MultiCardCarousel = () => {
   const displayCards = isMobile ? [cards[currentIndex]] : cards.slice(currentIndex, currentIndex + 3);
 
   return (
-    <div className="flex items-center justify-center min-h-screen py-6 bg-creme-600">
+    <div className="flex items-center justify-center min-h-screen py-6 bg-transparent">
       <div className="w-full max-w-7xl">
-        <div className="text-center mx-auto max-w-3xl">
-          <h2 className="text-base font-semibold leading-7 text-gold-600">MISSION</h2>
-          <h2 className="font-display mt-2 text-3xl font-bold tracking-tight text-gray-800 sm:text-4xl">
-            VEDA ACTIVITIES
+        <div className="text-left mx-auto max-w-7xl px-4 lg:px-6">
+          <h2 className="font-display text-2xl sm:text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
+            Activities
           </h2>
-          <p className="mt-2 text-lg tracking-wide font-normal leading-6 pb-12 text-gray-600">
+          <p className="mt-4 max-w-5xl text-lg sm:text-2xl font-medium tracking-[-0.045em] lg:text-3xl text-darkgr pb-8 sm:pb-12">
             Explore a diverse range of activities designed to elevate your Mind, Body, and Soul, fostering a deeper connection and holistic well-being.
           </p>
         </div>