some edit

blocks/feature225.tsx

@@ -114,7 +114,7 @@ const Feature225 = ({ className }: Feature225Props) => {
       className={cn("w-full bg-background py-12 md:py-24 lg:py-32", className)}
     >
       <div className="container px-4 md:px-6">
-        <div className="flex flex-col items-center justify-center space-y-4 text-center">
+        <div className="flex w-full flex-col items-start space-y-4 text-right">
           <h2 className="text-3xl font-bold tracking-tighter text-balance sm:text-xl md:text-2xll">
             داده پراکنده را به تصمیم تبدیل کنید
           </h2>
@@ -125,10 +125,11 @@ const Feature225 = ({ className }: Feature225Props) => {
 
         <div className="mt-16">
           <Tabs
+            dir="rtl"
             defaultValue={FEATURES[0].id}
             value={activeTab}
             onValueChange={setActiveTab}
-            className="w-full"
+            className="w-full min-w-0"
           >
             <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
               {FEATURES.map((feature) => (
@@ -141,8 +142,8 @@ const Feature225 = ({ className }: Feature225Props) => {
                   onClick={() => setActiveTab(feature.id)}
                 >
                   <CardContent className="p-6">
-                    <div className="flex flex-col items-start space-y-2 text-start">
-                      <div className="flex items-center gap-2">
+                    <div className="flex w-full flex-col items-start space-y-2 text-right">
+                      <div className="flex w-full items-center justify-start gap-2">
                         <div className="flex size-10 shrink-0 items-center justify-center rounded-full bg-primary/10">
                           {feature.icon}
                         </div>
@@ -150,7 +151,7 @@ const Feature225 = ({ className }: Feature225Props) => {
                           {feature.title}
                         </h3>
                       </div>
-                      <p className="text-sm text-pretty text-muted-foreground">
+                      <p className="w-full text-sm text-pretty text-muted-foreground">
                         {feature.description}
                       </p>
                     </div>
@@ -184,8 +185,12 @@ const Feature225 = ({ className }: Feature225Props) => {
                         className="size-full object-cover"
                       />
                     ) : (
-                      <div className="flex size-full items-center justify-center bg-muted">
-                        <p className="text-muted-foreground">داده فروش، بازاریابی و پشتیبانی در داشبوردهای یکپارچه جمع می‌شود. مدیران بدون انتظار گزارش دستی، وضعیت واقعی کسب‌وکار را می‌بینند.</p>
+                      <div className="flex size-full items-center justify-center bg-muted p-6">
+                        <p className="text-right text-pretty text-muted-foreground">
+                          داده فروش، بازاریابی و پشتیبانی در داشبوردهای یکپارچه جمع
+                          می‌شود. مدیران بدون انتظار گزارش دستی، وضعیت واقعی
+                          کسب‌وکار را می‌بینند.
+                        </p>
                       </div>
                     )}
                   </div>