update src/components/Card/index.js اون بوردید سمت چپ طرح را اضافه کردم | 6

src/components/Card/index.js

@@ -58,15 +58,18 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
       {/* left */}
       <div className="flex flex-col justify-center gap-y-4 p-2 bg-white border-r border-blue-400">
         {options.map((option, j) => (
-          <div
+          <div className="flex flex-col">
-            key={j}
+            <div
-            className="flex flex-row gap-x-7 items-center justify-between"
+              key={j}
-          >
+              className="flex flex-row gap-x-7 items-center justify-between"
-            <div className="flex flex-row items-center">
+            >
-              <img src={option.icon} alt="icon" className="w-6" />
+              <div className="flex flex-row items-center">
-              <p className="text-xs mr-1.5 text-[#00253A]">{option.title}</p>
+                <img src={option.icon} alt="icon" className="w-6" />
+                <p className="text-xs mr-1.5 text-[#00253A]">{option.title}</p>
+              </div>
+              <p className="text-xs  text-[#00253A]">{option.content}</p>
             </div>
-            <p className="text-xs  text-[#00253A]">{option.content}</p>
+            {j === 2 && <hr className="mt-4 border border-[#F2F2F2]" />}
           </div>
         ))}
       </div>