ok

src/app/page.jsx

@@ -31,7 +31,6 @@ export default function Home() {
       <Boat />
       <CallToAction4 />
         <Experiences />
-        <CallToAction2 />
         <Carousel />
         <Route />
         <CnnVideo />

src/components/Carousel.jsx

@@ -70,7 +70,7 @@ const MultiCardCarousel = () => {
   const displayCards = isMobile ? [cards[currentIndex]] : cards.slice(currentIndex, currentIndex + 3);
 
   return (
-    <div className="flex items-center justify-center py-16 lg:py-24 bg-transparent px-6 lg:px-8">
+    <div className="bg-bg-sand flex items-center justify-center py-16 lg:py-24  px-6 lg:px-8">
       <div className="w-full max-w-7xl ">
         <div className="text-left mx-auto max-w-7xl ">
           <h2 className="font-display text-2xl sm:text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
@@ -92,7 +92,7 @@ const MultiCardCarousel = () => {
           {cards.map((card, index) => (
             <div
               key={index}
-              className="w-72 sm:w-80 lg:w-96 shrink-0 snap-start relative overflow-hidden rounded-lg h-80"
+              className="w-72 lg:w-96 shrink-0 snap-start relative overflow-hidden h-120"
             >
               <img
                 className="h-full w-full object-cover"