Fix horizontal scrollbar overflow issue

src/app/globals.css

@@ -25,7 +25,9 @@
    ============================================ */
 
 html {
-  scroll-behavior: auto; /* Framer Motion handles scroll */
+  scroll-behavior: auto;
+  /* Framer Motion handles scroll */
+  overflow-x: clip;
 }
 
 body {
@@ -259,4 +261,4 @@ body {
   .scroll-progress {
     right: 1rem;
   }
-}
+}

src/components/ServicesSection.tsx

@@ -380,7 +380,7 @@ export default function ServicesSection() {
         <section
             id="services"
             ref={sectionRef}
-            className="relative bg-[#050505] overflow-visible"
+            className="relative bg-[#050505] overflow-x-clip"
             style={{ perspective: "1000px", minHeight: "100vh" }}
         >
             {/* Full-screen dark overlay to hide other sections */}