type error fix

src/components/StackedOfferSection.tsx

@@ -22,6 +22,7 @@ export type StackedOfferCard = {
   subtitle?: string;
   description?: string;
   badge?: string;
+  color?: string;
   features?: string[];
   stats?: Array<{ label: string; value: string }>;
   icon?: React.ComponentType<any>;
@@ -108,7 +109,7 @@ export default function StackedOfferSection({
 
   // Constants - Increased card height from 400px to 480px
   const CARD_HEIGHT = 480;
-  const SCROLL_PER_CARD = 200; // Pixels to scroll for each card
+  const SCROLL_PER_CARD = 500; // Pixels to scroll for each card
 
   useEffect(() => {
     let ticking = false;

src/components/services/ManagementDevelopment.tsx

@@ -238,7 +238,7 @@ export function ManagementDevelopment() {
         </div>
 
         <div className="relative z-10 border-t border-white/20 backdrop-blur-sm bg-black/20">
-          <div className="container mx-auto section-margin-x py-8">
+          <div className=" mx-auto section-margin-x py-8">
             <div className="grid grid-cols-2 lg:grid-cols-4 gap-8 text-center max-w-5xl mx-auto">
               <div>
                 <div className="text-h2-white mb-2">85%</div>