ok

src/components/Boat.jsx

@@ -100,7 +100,7 @@ function TestimonialCard({
       ref={ref}
       style={{ opacity }}
       {...props}
-      className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-[#fffefa] rounded-3xl shadow-lg overflow-hidden lg:w-96"
+      className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-[#fffefa] rounded-3xl shadow-lg overflow-hidden sm:w-80 lg:w-96"
     >
       {/* Image Section */}
       <div className="relative aspect-square overflow-hidden">
@@ -154,13 +154,13 @@ export function Boat() {
   }
 
   return (
-    <div className="pt-24 pb-12">
+    <div className="pt-16 lg:pt-24 pb-12">
       <Container>
         <div ref={setReferenceWindowRef}>
           <h2 className="font-display mt-2 text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
             Dahabiyas
           </h2>
-          <p className="mt-4 max-w-5xl text-2xl font-medium tracking-[-0.045em] lg:text-3xl text-darkgr">
+          <p className="mt-4 max-w-5xl text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
             Discover peaceful platforms where every detail ensures a truly memorable stay. Our fleet of traditional dahabiyas combines authentic Nile heritage with modern comfort, offering intimate sailing experiences that connect you with Egypt's timeless river culture. 
           </p>
         </div>
@@ -168,9 +168,9 @@ export function Boat() {
       <div
         ref={scrollRef}
         className={clsx([
-          'mt-16 flex gap-8 pl-6 pr-6 lg:pl-8 ml-12',
+          'mt-16 flex gap-8 pl-6 pr-6 lg:pl-8 lg:ml-12 ml-4',
           '[scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
-          'snap-x snap-mandatory overflow-x-auto overscroll-x-contain scroll-smooth',
+          'snap-x snap-mandatory overflow-x-scroll overscroll-x-contain scroll-smooth',
           'pb-8',
         ])}
       >