diff --git a/src/components/NumOfGuestsEmployees/index.js b/src/components/NumOfGuestsEmployees/index.js
new file mode 100644
index 0000000..a5cdf65
--- /dev/null
+++ b/src/components/NumOfGuestsEmployees/index.js
@@ -0,0 +1,39 @@
+import React from 'react'
+
+const NumOfGuestsEmployees = ({items}) => {
+  return (
+    <div className="flex flex-row flex-wrap items-center justify-center bg-white shadow-sm rounded-lg max-w-[440px] w-1/3 p-5 mt-10 mr-10">
+        {items.map((item,i) => (
+            <div key={i} className="flex flex-row justify-around bg-red-200">
+                <div className="font-bold text-xs bg-blue-200 flex flex-col">
+                <p className="text-[#0F0543]">{item.name}</p>
+                <span className="text-[#2483E1]">{item.number} نفر</span>
+                </div>
+            </div>
+        ))}
+    </div> 
+    )
+}
+
+export default NumOfGuestsEmployees
+
+NumOfGuestsEmployees.defaultProps = {
+    items: [
+        {
+            name: "تعداد کارمندان محترم",
+            number: "259",
+        },
+        {
+            name: "تعداد مهمانان محترم",
+            number: "569",
+        },
+        // {
+        //     name: "ظرفیت باقیمانده کارمندان محترم",
+        //     number: "5",
+        // },
+        // {
+        //     name: "ظرفیت باقیمانده مهمانان محترم",
+        //     number: "6",
+        // },
+    ]
+}
\ No newline at end of file
diff --git a/src/components/ReligiousTimes/index.js b/src/components/ReligiousTimes/index.js
index 80cef38..c0d5b90 100644
--- a/src/components/ReligiousTimes/index.js
+++ b/src/components/ReligiousTimes/index.js
@@ -11,7 +11,7 @@ import React from 'react'
 
 const ReligiousTimes = ({hours}) => {
   return (
-    <div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[465px] w-1/3 py-3.5 px-0.5 mr-10">
+    <div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[465px] w-1/3 py-3.5 px-0.5 mt-10 mr-10">
         {hours.map((hour,index) => (
             <div className="flex flex-row items-center" key={index}>
                 <span className="text-xs text-[#0F0543] font-bold">
diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js
index a26e785..cb4dc5e 100644
--- a/src/components/productDesign/ProductDesign.js
+++ b/src/components/productDesign/ProductDesign.js
@@ -318,5 +318,5 @@ ProductDesign.defaultProps = {
 
   productTitleAlignment: "text-justify",
   //میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم
-  priceDirection: "flex-row",
+  priceDirection: "flex-col",
 };