ok

src/components/Boat.jsx

@@ -100,7 +100,7 @@ function TestimonialCard({
     <motion.div
       ref={ref}
       {...props}
-      className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-bg-sand overflow-hidden sm:w-80 lg:w-96"
+      className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-transparent overflow-hidden sm:w-80 lg:w-96"
       style={{ aspectRatio: '360/460' }}
     >
       {/* Image Section */}
@@ -162,7 +162,7 @@ export function Boat() {
   }
 
   return (
-    <div className="pt-12 pb-12 bg-bg-sand">
+    <div className="pt-12 pb-12 bg-transparent">
       <Container>
         <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start">
           {/* Text Content - Left Side */}