diff --git a/components/icons/CalendarP.js b/components/icons/CalendarP.js
index 7ad9aa6..835f2d3 100644
--- a/components/icons/CalendarP.js
+++ b/components/icons/CalendarP.js
@@ -10,11 +10,13 @@ function CalendarP() {
     >
       <path
         d="M16.25 3.56V4.01584L16.7039 4.05787C17.9607 4.17424 18.8396 4.60009 19.4285 5.22534C20.0186 5.8518 20.3659 6.72969 20.4607 7.83991C20.4603 7.84 20.4601 7.84 20.46 7.84H20.46H3.54161C3.54098 7.83968 3.54018 7.83919 3.53936 7.83853C3.63436 6.72896 3.98156 5.85155 4.57144 5.22534C5.16041 4.60009 6.0393 4.17424 7.29608 4.05787L7.74999 4.01584V3.56V2C7.74999 1.86614 7.86613 1.75 7.99999 1.75C8.13384 1.75 8.24999 1.86614 8.24999 2V3.5V4H8.74999H15.25H15.75V3.5V2C15.75 1.86614 15.8661 1.75 16 1.75C16.1338 1.75 16.25 1.86614 16.25 2V3.56Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
       <path
         d="M9.52235 18.6003L9.54927 18.5787L9.57298 18.5537C9.83498 18.2772 10 17.8962 10 17.4998C10 17.1035 9.83498 16.7225 9.57298 16.446L9.54927 16.4209L9.52235 16.3994L9.44735 16.3394L9.37235 16.2794L9.3554 16.2659L9.33735 16.2538C9.25521 16.1991 9.16679 16.1523 9.07213 16.1174C8.98364 16.0763 8.88961 16.0454 8.79064 16.0281C8.50137 15.9717 8.20281 15.9989 7.92867 16.1178C7.73162 16.1955 7.58367 16.3029 7.45552 16.4182L7.44072 16.4315L7.42702 16.446C7.16502 16.7225 7 17.1035 7 17.4998C7 17.8962 7.16502 18.2772 7.42702 18.5537L7.44072 18.5682L7.45552 18.5815C7.58483 18.6979 7.73429 18.8061 7.93401 18.884C8.10363 18.9538 8.29668 18.9998 8.5 18.9998C8.60112 18.9998 8.69236 18.9864 8.75032 18.9778C8.75767 18.9767 8.76448 18.9757 8.77071 18.9748L8.77073 18.975L8.7822 18.973C8.88427 18.956 8.98114 18.9246 9.07214 18.8822C9.16355 18.8485 9.24913 18.8038 9.32888 18.7515C9.38575 18.716 9.43216 18.6772 9.45883 18.6546C9.47736 18.6388 9.48841 18.6292 9.49667 18.622C9.50657 18.6133 9.51244 18.6082 9.52235 18.6003ZM9.55387 15.0728L9.56368 15.0635L9.57298 15.0537C9.83498 14.7772 10 14.3962 10 13.9998C10 13.6035 9.83498 13.2225 9.57298 12.946L9.57311 12.9458L9.56355 12.9363C9.42198 12.7947 9.25426 12.6894 9.06892 12.6168C8.50914 12.3795 7.85619 12.5165 7.43645 12.9363L7.43632 12.9362L7.42702 12.946C7.16502 13.2225 7 13.6035 7 13.9998C7 14.3962 7.16502 14.7772 7.42702 15.0537L7.43632 15.0635L7.44613 15.0728C7.72269 15.3348 8.10363 15.4998 8.5 15.4998C8.89637 15.4998 9.27731 15.3348 9.55387 15.0728ZM13.0539 18.5728L13.0637 18.5635L13.073 18.5537C13.335 18.2772 13.5 17.8962 13.5 17.4998C13.5 17.1035 13.335 16.7225 13.073 16.446L13.0731 16.4458L13.0636 16.4363C12.7704 16.1432 12.3733 16.0123 12 16.0123C11.6267 16.0123 11.2296 16.1432 10.9364 16.4363L10.9363 16.4362L10.927 16.446C10.665 16.7225 10.5 17.1035 10.5 17.4998C10.5 17.8962 10.665 18.2772 10.927 18.5537L10.9363 18.5635L10.9461 18.5728C11.2227 18.8348 11.6036 18.9998 12 18.9998C12.3964 18.9998 12.7773 18.8348 13.0539 18.5728ZM13.0223 15.1003L13.0493 15.0787L13.073 15.0537C13.335 14.7772 13.5 14.3962 13.5 13.9998C13.5 13.6035 13.335 13.2225 13.073 12.946L13.0731 12.9458L13.0636 12.9363C12.6438 12.5165 11.9909 12.3795 11.4311 12.6168C11.2457 12.6894 11.078 12.7947 10.9364 12.9363L10.9363 12.9362L10.927 12.946C10.665 13.2225 10.5 13.6035 10.5 13.9998C10.5 14.3962 10.665 14.7772 10.927 15.0537L10.9363 15.0635L10.9461 15.0728C11.2227 15.3348 11.6036 15.4998 12 15.4998C12.1011 15.4998 12.1924 15.4864 12.2503 15.4778C12.2577 15.4767 12.2645 15.4757 12.2707 15.4748L12.2707 15.475L12.2822 15.473C12.3843 15.456 12.4811 15.4246 12.5721 15.3822C12.6668 15.3473 12.7552 15.3006 12.8373 15.2459L12.8554 15.2338L12.8723 15.2203L12.9473 15.1603L13.0223 15.1003ZM16.5539 18.5728L16.5637 18.5635L16.573 18.5537C16.835 18.2772 17 17.8962 17 17.4998C17 17.1035 16.835 16.7225 16.573 16.446L16.5731 16.4458L16.5636 16.4363C16.2704 16.1432 15.8733 16.0123 15.5 16.0123C15.1267 16.0123 14.7296 16.1432 14.4364 16.4363L14.4363 16.4362L14.427 16.446C14.165 16.7225 14 17.1035 14 17.4998C14 17.8962 14.165 18.2772 14.427 18.5537L14.4363 18.5635L14.4461 18.5728C14.7227 18.8348 15.1036 18.9998 15.5 18.9998C15.8964 18.9998 16.2773 18.8348 16.5539 18.5728ZM16.5223 15.1003L16.5493 15.0787L16.573 15.0537C16.835 14.7772 17 14.3962 17 13.9998C17 13.6035 16.835 13.2225 16.573 12.946L16.5493 12.9209L16.5223 12.8994L16.4473 12.8394L16.3723 12.7794L16.3554 12.7659L16.3373 12.7538C16.2552 12.6991 16.1668 12.6524 16.0721 12.6174C15.9836 12.5763 15.8896 12.5454 15.7906 12.5281C15.5014 12.4717 15.2028 12.4989 14.9287 12.6178C14.7316 12.6955 14.5837 12.8029 14.4555 12.9182L14.4407 12.9315L14.427 12.946C14.165 13.2225 14 13.6035 14 13.9998C14 14.3962 14.165 14.7772 14.427 15.0537L14.4363 15.0635L14.4461 15.0728C14.7227 15.3348 15.1036 15.4998 15.5 15.4998C15.5967 15.4998 15.6981 15.4853 15.7596 15.4764C15.7635 15.4759 15.7672 15.4753 15.7707 15.4748L15.7707 15.475L15.7822 15.473C15.8843 15.456 15.9811 15.4246 16.0721 15.3822C16.1668 15.3473 16.2552 15.3006 16.3373 15.2459L16.3554 15.2338L16.3723 15.2203L16.4473 15.1603L16.5223 15.1003ZM4 10.3398H20C20.2739 10.3398 20.5 10.566 20.5 10.8398V16.9998C20.5 18.4232 20.1441 19.5329 19.4461 20.2846C18.7543 21.0296 17.6547 21.4998 16 21.4998H8C6.3453 21.4998 5.24565 21.0296 4.5539 20.2846C3.85591 19.5329 3.5 18.4232 3.5 16.9998V10.8398C3.5 10.566 3.72614 10.3398 4 10.3398Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
diff --git a/components/icons/CalendarTick.js b/components/icons/CalendarTick.js
index 44c11fa..1850134 100644
--- a/components/icons/CalendarTick.js
+++ b/components/icons/CalendarTick.js
@@ -6,7 +6,7 @@ function CalendarTick({ active }) {
       height="40"
       viewBox="0 0 40 40"
       fill="none"
-      className="delay-500"
+      className="delay-500 w-[18px] sm:w-[25px] md:w-[33px] lg:w-[40px] h-[18px] sm:h-[25px] md:h-[33px] lg:h-[40px]"
     >
       <path
         d="M13.3335 3.33301V8.33301"
diff --git a/components/icons/CategoryP.js b/components/icons/CategoryP.js
index 1e45a09..3f23133 100644
--- a/components/icons/CategoryP.js
+++ b/components/icons/CategoryP.js
@@ -10,21 +10,25 @@ function CategoryP() {
     >
       <path
         d="M10.06 5.32771V5.33V7.23C10.06 8.23613 9.79557 8.92232 9.35895 9.35895C8.92232 9.79557 8.23613 10.06 7.23 10.06H5.33C4.32387 10.06 3.63768 9.79557 3.20105 9.35895C2.76443 8.92232 2.5 8.23613 2.5 7.23V5.33C2.5 4.32387 2.76441 3.63797 3.20191 3.20145C3.63959 2.76474 4.32828 2.5 5.34 2.5H7.24C8.24631 2.5 8.93213 2.76451 9.3673 3.20066C9.80228 3.63661 10.0646 4.322 10.06 5.32771Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
       <path
         d="M16.7704 2.5H18.6704C19.6766 2.5 20.3628 2.76443 20.7994 3.20105C21.236 3.63768 21.5004 4.32387 21.5004 5.33V7.23C21.5004 8.23613 21.236 8.92232 20.7994 9.35895C20.3628 9.79557 19.6766 10.06 18.6704 10.06H16.7704C15.7643 10.06 15.0781 9.79557 14.6415 9.35895C14.2049 8.92232 13.9404 8.23613 13.9404 7.23V5.33C13.9404 4.32387 14.2049 3.63768 14.6415 3.20105C15.0781 2.76443 15.7643 2.5 16.7704 2.5Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
       <path
         d="M16.7704 13.9297H18.6704C19.6766 13.9297 20.3628 14.1941 20.7994 14.6307C21.236 15.0674 21.5004 15.7536 21.5004 16.7597V18.6597C21.5004 19.6658 21.236 20.352 20.7994 20.7886C20.3628 21.2253 19.6766 21.4897 18.6704 21.4897H16.7704C15.7643 21.4897 15.0781 21.2253 14.6415 20.7886C14.2049 20.352 13.9404 19.6658 13.9404 18.6597V16.7597C13.9404 15.7536 14.2049 15.0674 14.6415 14.6307C15.0781 14.1941 15.7643 13.9297 16.7704 13.9297Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
       <path
         d="M10.06 16.7674V16.7697V18.6697C10.06 19.6758 9.79557 20.362 9.35895 20.7986C8.92232 21.2353 8.23613 21.4997 7.23 21.4997H5.33C4.32387 21.4997 3.63797 21.2353 3.20145 20.7978C2.76474 20.3601 2.5 19.6714 2.5 18.6597V16.7597C2.5 15.7536 2.76441 15.0677 3.20191 14.6311C3.63959 14.1944 4.32828 13.9297 5.34 13.9297H7.24C8.24631 13.9297 8.93184 14.1942 9.36691 14.6312C9.80196 15.0682 10.0646 15.7561 10.06 16.7674Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
diff --git a/components/icons/LocationAdd.js b/components/icons/LocationAdd.js
index 7238a94..152d757 100644
--- a/components/icons/LocationAdd.js
+++ b/components/icons/LocationAdd.js
@@ -6,7 +6,7 @@ function LocationAdd({ active }) {
       height="40"
       viewBox="0 0 40 40"
       fill="none"
-      className="delay-500"
+      className="delay-500 w-[18px] sm:w-[25px] md:w-[33px] lg:w-[40px] h-[18px] sm:h-[25px] md:h-[33px] lg:h-[40px]"
     >
       <path
         d="M15.4165 18.333H24.5832"
diff --git a/components/icons/MoonP.js b/components/icons/MoonP.js
index 3c1be67..c0952e3 100644
--- a/components/icons/MoonP.js
+++ b/components/icons/MoonP.js
@@ -6,6 +6,7 @@ function MoonP() {
       height="24"
       viewBox="0 0 24 24"
       fill="none"
+      className="w-full h-full"
     >
       <path
         d="M2.03009 12.42C2.39009 17.57 6.76009 21.76 11.9901 21.99C15.6801 22.15 18.9801 20.43 20.9601 17.72C21.7801 16.61 21.3401 15.87 19.9701 16.12C19.3001 16.24 18.6101 16.29 17.8901 16.26C13.0001 16.06 9.00009 11.97 8.98009 7.13996C8.97009 5.83996 9.24009 4.60996 9.73009 3.48996C10.2701 2.24996 9.62009 1.65996 8.37009 2.18996C4.41009 3.85996 1.70009 7.84996 2.03009 12.42Z"
diff --git a/components/icons/ProfileAddP.js b/components/icons/ProfileAddP.js
index 20fe6c2..04d04cf 100644
--- a/components/icons/ProfileAddP.js
+++ b/components/icons/ProfileAddP.js
@@ -10,11 +10,13 @@ function ProfileAddP() {
     >
       <path
         d="M7.75 6.75C7.75 4.40614 9.65614 2.5 12 2.5C14.3435 2.5 16.2495 4.40562 16.25 6.74903C16.2405 9.04858 14.4468 10.9052 12.161 10.99H12.161H12.1609H12.1609H12.1609H12.1609H12.1608H12.1608H12.1608H12.1607H12.1607H12.1607H12.1606H12.1606H12.1606H12.1606H12.1605H12.1605H12.1605H12.1604H12.1604H12.1604H12.1604H12.1603H12.1603H12.1603H12.1602H12.1602H12.1602H12.1601H12.1601H12.1601H12.1601H12.16H12.16H12.16H12.1599H12.1599H12.1599H12.1599H12.1598H12.1598H12.1598H12.1597H12.1597H12.1597H12.1596H12.1596H12.1596H12.1596H12.1595H12.1595H12.1595H12.1594H12.1594H12.1594H12.1594H12.1593H12.1593H12.1593H12.1592H12.1592H12.1592H12.1591H12.1591H12.1591H12.1591H12.159H12.159H12.159H12.1589H12.1589H12.1589H12.1588H12.1588H12.1588H12.1588H12.1587H12.1587H12.1587H12.1586H12.1586H12.1586H12.1585H12.1585H12.1585H12.1585H12.1584H12.1584H12.1584H12.1583H12.1583H12.1583H12.1582H12.1582H12.1582H12.1581H12.1581H12.1581H12.1581H12.158H12.158H12.158H12.1579H12.1579H12.1579H12.1578H12.1578H12.1578H12.1577H12.1577H12.1577H12.1576H12.1576H12.1576H12.1575H12.1575H12.1575H12.1575H12.1574H12.1574H12.1574H12.1573H12.1573H12.1573H12.1572H12.1572H12.1572H12.1571H12.1571H12.1571H12.157H12.157H12.157H12.1569H12.1569H12.1569H12.1568H12.1568H12.1568H12.1567H12.1567H12.1566H12.1566H12.1566H12.1565H12.1565H12.1565H12.1564H12.1564H12.1564H12.1563H12.1563H12.1563H12.1562H12.1562H12.1562H12.1561H12.1561H12.156H12.156H12.156H12.1559H12.1559H12.1559H12.1558H12.1558H12.1558H12.1557H12.1557H12.1556H12.1556H12.1556H12.1555H12.1555H12.1555H12.1554H12.1554H12.1553H12.1553H12.1553H12.1552H12.1552H12.1551H12.1551H12.1551H12.155H12.155H12.1549H12.1549H12.1549H12.1548H12.1548H12.1547H12.1547H12.1547H12.1546H12.1546H12.1545H12.1545H12.1545H12.1544H12.1544H12.1543H12.1543H12.1542H12.1542H12.1542H12.1541H12.1541H12.154H12.154H12.1539H12.1539H12.1539H12.1538H12.1538H12.1537H12.1537H12.1536H12.1536H12.1535H12.1535H12.1535H12.1534H12.1534H12.1533H12.1533H12.1532H12.1532H12.1531H12.1531H12.153H12.153H12.1529H12.1529H12.1529H12.1528H12.1528H12.1527H12.1527H12.1526H12.1526H12.1525H12.1525H12.1524H12.1524H12.1523H12.1523H12.1522H12.1522H12.1521H12.1521H12.152H12.152H12.1519H12.1519H12.1518H12.1518H12.1517H12.1517H12.1516H12.1516H12.1515H12.1514H12.1514H12.1513H12.1513H12.1512H12.1512H12.1511H12.1511H12.151H12.151H12.1509H12.1509H12.1508H12.1507H12.1507H12.1506H12.1506H12.1505H12.1505H12.1504H12.1503H12.1503H12.1502H12.1502H12.1501H12.1501H12.15H12.1499H12.1498H12.1496H12.1495H12.1494H12.1493H12.1492H12.1491H12.149H12.1488H12.1487H12.1486H12.1485H12.1484H12.1483H12.1482H12.148H12.1479H12.1478H12.1477H12.1476H12.1475H12.1474H12.1473H12.1471H12.147H12.1469H12.1468H12.1467H12.1466H12.1465H12.1464H12.1463H12.1461H12.146H12.1459H12.1458H12.1457H12.1456H12.1455H12.1454H12.1453H12.1452H12.1451H12.1449H12.1448H12.1447H12.1446H12.1445H12.1444H12.1443H12.1442H12.1441H12.144H12.1439H12.1438H12.1437H12.1436H12.1435H12.1433H12.1432H12.1431H12.143H12.1429H12.1428H12.1427H12.1426H12.1425H12.1424H12.1423H12.1422H12.1421H12.142H12.1419H12.1418H12.1417H12.1416H12.1415H12.1414H12.1413H12.1412H12.1411H12.141H12.1409H12.1408H12.1407H12.1406H12.1405H12.1404H12.1403H12.1402H12.1401H12.14H12.1399H12.1398H12.1397H12.1396H12.1395H12.1394H12.1393H12.1392H12.1391H12.139H12.1389H12.1388H12.1387H12.1386H12.1385H12.1384H12.1383H12.1382H12.1381H12.138H12.1379H12.1378H12.1377H12.1376H12.1375H12.1374H12.1373H12.1372H12.1371H12.137H12.1369H12.1368H12.1368H12.1367H12.1366H12.1365H12.1364H12.1363H12.1362H12.1361H12.136H12.1359H12.1358H12.1357H12.1356H12.1355H12.1354H12.1353H12.1352H12.1351H12.1351H12.135H12.1349H12.1348H12.1347H12.1346H12.1345H12.1344H12.1343H12.1342H12.1341H12.134H12.1339H12.1338H12.1338C12.0433 10.9796 11.9492 10.9808 11.8625 10.989C9.52538 10.8911 7.75 9.03575 7.75 6.75Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
       <path
         d="M7.19868 20.1748L7.19731 20.1739C6.03836 19.4012 5.45996 18.4016 5.45996 17.3799C5.45996 16.3578 6.03872 15.3484 7.207 14.5661C8.51356 13.7017 10.2518 13.2549 12.0125 13.2549C13.7738 13.2549 15.5067 13.702 16.8026 14.5659C17.958 15.3362 18.5309 16.3355 18.54 17.3619C18.5392 18.3934 17.9603 19.3927 16.8008 20.1751C15.5 21.0483 13.7627 21.4999 12 21.4999C10.237 21.4999 8.49957 21.0482 7.19868 20.1748ZM13.25 19.3799V18.6299H14C14.6861 18.6299 15.25 18.066 15.25 17.3799C15.25 16.6937 14.6861 16.1299 14 16.1299H13.25V15.3799C13.25 14.6937 12.6861 14.1299 12 14.1299C11.3138 14.1299 10.75 14.6937 10.75 15.3799V16.1299H9.99996C9.31382 16.1299 8.74996 16.6937 8.74996 17.3799C8.74996 18.066 9.31382 18.6299 9.99996 18.6299H10.75V19.3799C10.75 20.066 11.3138 20.6299 12 20.6299C12.6861 20.6299 13.25 20.066 13.25 19.3799Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
diff --git a/components/icons/ProfileCircleP.js b/components/icons/ProfileCircleP.js
index f07fdbc..5162715 100644
--- a/components/icons/ProfileCircleP.js
+++ b/components/icons/ProfileCircleP.js
@@ -10,11 +10,13 @@ function ProfileCircleP() {
     >
       <path
         d="M18.4216 18.972L18.1028 19.2651C18.0487 19.3075 17.9971 19.3531 17.973 19.3745C17.9665 19.3802 17.962 19.3842 17.9599 19.3859C17.7949 19.5234 17.6174 19.6545 17.4233 19.7904L17.4233 19.7904L17.4194 19.7931C17.3714 19.8274 17.3432 19.8487 17.3232 19.8639C17.2974 19.8834 17.2852 19.8926 17.2619 19.9059L17.2495 19.913L17.2375 19.9208C17.1137 20.0013 16.9983 20.0685 16.872 20.1421C16.8044 20.1815 16.7337 20.2228 16.6569 20.2688C16.6219 20.2889 16.5853 20.3119 16.5586 20.3286C16.5517 20.3329 16.5454 20.3368 16.5401 20.3402C16.507 20.3607 16.4852 20.3734 16.4664 20.3828L16.4663 20.3827L16.458 20.3871C16.259 20.4913 16.0607 20.5857 15.863 20.6704L15.8495 20.6762L15.8364 20.6828C15.7517 20.7252 15.6955 20.7527 15.6444 20.7718L15.6336 20.7759L15.623 20.7804C15.499 20.8336 15.38 20.8743 15.2437 20.921C15.1722 20.9455 15.0958 20.9716 15.0115 21.002C14.9134 21.0284 14.8213 21.063 14.7533 21.0885L14.7503 21.0896C14.6084 21.1386 14.4656 21.1724 14.2982 21.212C14.2368 21.2265 14.1721 21.2418 14.103 21.2589C14.0397 21.2692 13.9862 21.2839 13.9555 21.2924L13.9533 21.293C13.916 21.3033 13.908 21.3051 13.908 21.3052L13.8922 21.3075L13.8752 21.3111C13.6175 21.3663 13.3562 21.4039 13.0785 21.4327L13.0432 21.4363L13.0087 21.4449L12.9881 21.45H12.9873L12.9647 21.4521C12.6452 21.4811 12.3209 21.5 12 21.5C11.6916 21.5 11.3798 21.4825 11.0623 21.4553C11.0226 21.446 10.9616 21.434 10.8938 21.4308C10.6227 21.4023 10.367 21.3651 10.1148 21.3111L10.0935 21.3066L10.072 21.3039C10.0356 21.2993 10.0008 21.2902 9.92736 21.2692L9.91935 21.2669L9.91127 21.2649C9.66977 21.2046 9.43915 21.1468 9.21 21.08L9.20068 21.0773L9.19127 21.0749C9.14374 21.063 9.09075 21.0438 9.00557 21.0118L8.99369 21.0074L8.9816 21.0035C8.77472 20.9377 8.5673 20.8623 8.35932 20.7772L8.35248 20.7744L8.34557 20.7718C8.29451 20.7527 8.23834 20.7252 8.15361 20.6828L8.13676 20.6744L8.11932 20.6672C7.91764 20.5847 7.72618 20.4936 7.54469 20.3939C7.51604 20.3775 7.48431 20.3585 7.44724 20.3363L7.44509 20.335C7.40912 20.3134 7.36775 20.2886 7.32807 20.2659L7.32012 20.2613L7.312 20.2571C7.12033 20.1567 6.9385 20.0476 6.76632 19.9301C6.72988 19.9041 6.6962 19.8808 6.66544 19.8595L6.66461 19.8589C6.6328 19.8369 6.604 19.8169 6.5735 19.7952C6.52557 19.7599 6.47907 19.726 6.43382 19.6931C6.28797 19.5868 6.15519 19.4901 6.03009 19.3859L6.00958 19.3688L5.98735 19.354C5.97173 19.3436 5.96651 19.3388 5.95281 19.3263C5.93907 19.3137 5.9168 19.2933 5.86696 19.2516C5.82045 19.2103 5.77083 19.1705 5.73 19.1381V19.1213L5.56937 18.9728C3.68599 17.2321 2.5 14.7529 2.5 12C2.5 6.76614 6.76614 2.5 12 2.5C17.2339 2.5 21.5 6.76614 21.5 12C21.5 14.7527 20.3142 17.2315 18.4216 18.972ZM16.6612 17.3851L16.6612 17.3851L16.6648 17.3875C17.0627 17.6497 17.3919 17.9537 17.6465 18.2784L17.9969 18.7255L18.3959 18.3212C20.0037 16.6923 21 14.4578 21 12C21 7.03386 16.9661 3 12 3C7.03386 3 3 7.03386 3 12C3 14.4578 3.99632 16.6923 5.60414 18.3212L5.99656 18.7188L6.34838 18.2849C6.61891 17.9512 6.94149 17.6469 7.33516 17.3875L7.33735 17.386C8.60356 16.5419 10.2941 16.105 12.0075 16.105C13.7211 16.105 15.4058 16.5419 16.6612 17.3851Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
       <path
         d="M8.75 10.6797C8.75 8.88583 10.2061 7.42969 12 7.42969C13.7935 7.42969 15.2493 8.88518 15.25 10.6785C15.2407 12.4378 13.8673 13.8548 12.121 13.9197H12.121H12.121H12.1209H12.1209H12.1208H12.1208H12.1207H12.1207H12.1206H12.1206H12.1205H12.1205H12.1204H12.1204H12.1203H12.1203H12.1202H12.1202H12.1201H12.1201H12.12H12.12H12.1199H12.1199H12.1198H12.1198H12.1197H12.1196H12.1196H12.1195H12.1195H12.1194H12.1194H12.1193H12.1193H12.1192H12.1192H12.1191H12.1191H12.119H12.119H12.1189H12.1189H12.1188H12.1188H12.1187H12.1186H12.1186H12.1185H12.1185H12.1184H12.1184H12.1183H12.1183H12.1182H12.1182H12.1181H12.1181H12.118H12.1179H12.1179H12.1178H12.1178H12.1177H12.1177H12.1176H12.1176H12.1175H12.1175H12.1174H12.1173H12.1173H12.1172H12.1172H12.1171H12.1171H12.117H12.117H12.1169H12.1168H12.1168H12.1167H12.1167H12.1166H12.1166H12.1165H12.1165H12.1164H12.1163H12.1163H12.1162H12.1162H12.1161H12.1161H12.116H12.116H12.1159H12.1158H12.1158H12.1157H12.1157H12.1156H12.1156H12.1155H12.1154H12.1154H12.1153H12.1153H12.1152H12.1152H12.1151H12.115H12.115H12.1149H12.1149H12.1148H12.1148H12.1147H12.1146H12.1146H12.1145H12.1145H12.1144H12.1144H12.1143H12.1142H12.1142H12.1141H12.1141H12.114H12.114H12.1139H12.1138H12.1138H12.1137H12.1137H12.1136H12.1136H12.1135H12.1134H12.1134H12.1133H12.1133H12.1132H12.1132H12.1131H12.113H12.113H12.1129H12.1129H12.1128H12.1127H12.1127H12.1126H12.1126H12.1125H12.1125H12.1124H12.1123H12.1123H12.1122H12.1122H12.1121H12.112H12.112H12.1119H12.1119H12.1118H12.1118H12.1117H12.1116H12.1116H12.1115H12.1115H12.1114H12.1113H12.1113H12.1112H12.1112H12.1111H12.1111H12.111H12.1109H12.1109H12.1108H12.1108H12.1107H12.1106H12.1106H12.1105H12.1105H12.1104H12.1104H12.1103H12.1102H12.1102H12.1101H12.1101H12.11H12.1099H12.1098H12.1096H12.1095H12.1094H12.1093H12.1092H12.1091H12.1089H12.1088H12.1087H12.1086H12.1085H12.1083H12.1082H12.1081H12.108H12.1079H12.1077H12.1076H12.1075H12.1074H12.1072H12.1071H12.107H12.1069H12.1068H12.1066H12.1065H12.1064H12.1063H12.1061H12.106H12.1059H12.1058H12.1056H12.1055H12.1054H12.1053H12.1051H12.105H12.1049H12.1048H12.1046H12.1045H12.1044H12.1043H12.1041H12.104H12.1039H12.1037H12.1036H12.1035H12.1034H12.1032H12.1031H12.103H12.1028H12.1027H12.1026H12.1025H12.1023H12.1022H12.1021H12.1019H12.1018H12.1017H12.1015H12.1014H12.1013H12.1012H12.101H12.1009H12.1008H12.1006H12.1005H12.1004H12.1002H12.1001H12.1H12.0998H12.0997H12.0996H12.0994H12.0993H12.0992H12.099H12.0989H12.0988H12.0986H12.0985H12.0984H12.0982H12.0981H12.098H12.0978H12.0977H12.0976H12.0974H12.0973H12.0971H12.097H12.0969H12.0967H12.0966H12.0965H12.0963H12.0962H12.0961H12.0959H12.0958H12.0956H12.0955H12.0954H12.0952H12.0951H12.095H12.0948H12.0947H12.0945H12.0944H12.0943H12.0941H12.094H12.0939H12.0937H12.0936H12.0934H12.0933H12.0932H12.093H12.0929H12.0927H12.0926H12.0925H12.0923H12.0922H12.092H12.0919H12.0918H12.0916H12.0915H12.0913H12.0912H12.0911H12.0909H12.0908H12.0906H12.0905H12.0903H12.0902H12.0901H12.0899H12.0898H12.0896H12.0895H12.0894H12.0892H12.0891H12.0889H12.0888H12.0886H12.0885H12.0884H12.0882H12.0881H12.0879H12.0878H12.0876H12.0875H12.0874H12.0872H12.0871H12.0869H12.0868H12.0866H12.0865H12.0864H12.0862H12.0861H12.0859H12.0858H12.0856H12.0855H12.0853H12.0852H12.0851H12.0849H12.0848H12.0846H12.0845H12.0843H12.0842H12.084H12.0839H12.0838H12.0836H12.0835H12.0833H12.0832H12.083H12.0829H12.0827H12.0826H12.0825H12.0823H12.0822H12.082H12.0819H12.0817H12.0816H12.0814H12.0813H12.0811H12.081H12.0808H12.0807H12.0806H12.0804H12.0803H12.0801H12.08H12.0798H12.0797H12.0795H12.0794H12.0792H12.0791H12.079H12.0788H12.0787H12.0785H12.0784H12.0782H12.0781H12.0779H12.0778H12.0776H12.0775H12.0773H12.0772H12.0771H12.0769H12.0768H12.0766H12.0765H12.0763H12.0762H12.076H12.0759H12.0757H12.0756H12.0754H12.0753H12.0751H12.075H12.0749H12.0747H12.0746H12.0744H12.0743H12.0741H12.074H12.0738H12.0737H12.0735H12.0734H12.0732H12.0731H12.0729H12.0728H12.0727H12.0725H12.0724H12.0722H12.0721H12.0719H12.0718H12.0716H12.0715H12.0713H12.0712H12.071H12.0709H12.0708H12.0706H12.0705H12.0703H12.0702H12.07H12.0699H12.0697H12.0696H12.0694H12.0693H12.0691H12.069H12.0689H12.0687H12.0686H12.0684H12.0683H12.0681H12.068H12.0678H12.0677H12.0675H12.0674H12.0673H12.0671H12.067H12.0668H12.0667H12.0665H12.0664H12.0662H12.0661H12.066H12.0658H12.0657H12.0655H12.0654H12.0652H12.0651H12.0649H12.0648H12.0647H12.0645H12.0644H12.0642H12.0641H12.0639H12.0638H12.0636H12.0635H12.0634H12.0632H12.0631H12.0629H12.0628H12.0626H12.0625H12.0624H12.0622H12.0621H12.0619H12.0618H12.0616H12.0615H12.0614H12.0612H12.0611H12.0609H12.0608H12.0606H12.0605H12.0604H12.0602H12.0601H12.0599H12.0598H12.0596H12.0595H12.0594H12.0592H12.0591H12.0589H12.0588H12.0587H12.0585H12.0584H12.0582H12.0581H12.058H12.0578H12.0577H12.0575H12.0574H12.0573H12.0571H12.057H12.0568H12.0567H12.0566H12.0564H12.0563H12.0561H12.056H12.0559H12.0557H12.0556H12.0555H12.0553H12.0552H12.055H12.0549H12.0548H12.0546H12.0545H12.0544H12.0542H12.0541H12.0539H12.0538H12.0537H12.0535H12.0534H12.0533H12.0531H12.053H12.0528H12.0527H12.0526H12.0524H12.0523H12.0522H12.052H12.0519H12.0518H12.0516H12.0515H12.0514H12.0512H12.0511H12.051H12.0508H12.0507H12.0506H12.0504H12.0503H12.0502H12.05H12.0499H12.0498H12.0496H12.0495H12.0494H12.0492H12.0491H12.049H12.0488H12.0487H12.0486H12.0485H12.0483H12.0482H12.0481H12.0479H12.0478H12.0477H12.0475H12.0474H12.0473H12.0472H12.047H12.0469H12.0468H12.0466H12.0465H12.0464H12.0463H12.0461H12.046H12.0459H12.0457H12.0456H12.0455H12.0454H12.0452H12.0451H12.045H12.0449H12.0447H12.0446H12.0445H12.0444H12.0442H12.0441H12.044H12.0439H12.0437H12.0436H12.0435H12.0434H12.0432H12.0431H12.043H12.0429H12.0428H12.0426H12.0425H12.0424H12.0423H12.0421H12.042H12.0419H12.0418H12.0417H12.0415H12.0414H12.0413H12.0412H12.0411H12.0409H12.0408H12.0407H12.0406H12.0405H12.0404H12.0402H12.0401H12.04H12.0399H12.0398H12.0396H12.0395H12.0394H12.0393H12.0392H12.039H12.0389H12.0388H12.0387H12.0386H12.0384H12.0383H12.0382H12.0381H12.0379H12.0378H12.0377H12.0376H12.0374H12.0373H12.0372H12.0371H12.0369H12.0368H12.0367H12.0365H12.0364H12.0363H12.0362H12.036H12.0359H12.0358H12.0356H12.0355H12.0354H12.0352H12.0351H12.035H12.0348H12.0347H12.0346H12.0344H12.0343H12.0341H12.034H12.0339H12.0337H12.0336H12.0335H12.0333H12.0332H12.033H12.0329H12.0328H12.0326H12.0325H12.0323H12.0322H12.0321H12.0319H12.0318H12.0316H12.0315H12.0313H12.0312H12.031H12.0309H12.0308H12.0306H12.0305H12.0303H12.0302H12.03H12.0299H12.0297H12.0296H12.0294H12.0293H12.0291H12.029H12.0288H12.0287H12.0285H12.0284H12.0282H12.0281H12.0279H12.0278H12.0276H12.0275H12.0273H12.0271H12.027H12.0268H12.0267H12.0265H12.0264H12.0262H12.0261H12.0259H12.0257H12.0256H12.0254H12.0253H12.0251H12.025H12.0248H12.0246H12.0245H12.0243H12.0242H12.024H12.0238H12.0237H12.0235H12.0234H12.0232H12.023H12.0229H12.0227H12.0225H12.0224H12.0222H12.022H12.0219H12.0217H12.0216H12.0214H12.0212H12.0211H12.0209H12.0207H12.0206H12.0204H12.0202H12.0201H12.0199H12.0197H12.0196H12.0194H12.0192H12.019H12.0189H12.0187H12.0185H12.0184H12.0182H12.018H12.0179H12.0177H12.0175H12.0173H12.0172H12.017H12.0168H12.0167H12.0165H12.0163H12.0161H12.016H12.0158H12.0156H12.0154H12.0153H12.0151H12.0149H12.0147H12.0146H12.0144H12.0142H12.014H12.0139H12.0137H12.0135H12.0133H12.0131H12.013H12.0128H12.0126H12.0124H12.0123H12.0121H12.0119H12.0117H12.0115H12.0114H12.0112H12.011H12.0108H12.0106H12.0105H12.0103H12.0101H12.0099H12.0097H12.0096H12.0094H12.0092H12.009H12.0088H12.0086H12.0085H12.0083H12.0081H12.0079H12.0077H12.0076H12.0074H12.0072H12.007H12.0068H12.0066H12.0064H12.0063H12.0061H12.0059H12.0057H12.0055H12.0053H12.0051H12.005H12.0048H12.0046H12.0044H12.0042H12.004H12.0038H12.0037H12.0035H12.0033H12.0031H12.0029H12.0027H12.0025H12.0023H12.0022H12.002H12.0018H12.0016H12.0014H12.0012H12.001H12.0008H12.0006H12.0005H12.0003H12.0001H11.9999H11.9997H11.9995H11.9993H11.9991H11.9989H11.9987H11.9986H11.9984H11.9982H11.998H11.9978H11.9976H11.9974H11.9972H11.997H11.9968H11.9966H11.9965H11.9963H11.9961H11.9959H11.9957H11.9955H11.9953H11.9951H11.9949H11.9947H11.9945H11.9943H11.9941H11.994H11.9938H11.9936H11.9934H11.9932H11.993H11.9928H11.9926H11.9924H11.9922H11.992H11.9918H11.9916H11.9914H11.9912H11.9911H11.9909H11.9907H11.9905H11.9903H11.9901H11.9899H11.9897H11.9895H11.9893H11.9891H11.9889H11.9887H11.9885H11.9883H11.9881H11.9879H11.9878H11.9876H11.9874H11.9872H11.987H11.9868H11.9866H11.9864H11.9862H11.986H11.9858H11.9856H11.9854H11.9852H11.985H11.9848H11.9846H11.9844H11.9842H11.984H11.9838H11.9837H11.9835H11.9833H11.9831H11.9829H11.9827H11.9825H11.9823H11.9821H11.9819H11.9817H11.9815H11.9813H11.9811H11.9809H11.9807H11.9805H11.9803H11.9801H11.9799H11.9797H11.9796H11.9794H11.9792H11.979H11.9788H11.9786H11.9784H11.9782H11.978H11.9778H11.9776H11.9774H11.9772H11.977H11.9768H11.9766H11.9764H11.9762H11.976H11.9758H11.9757H11.9755H11.9753H11.9751H11.9749H11.9747H11.9745H11.9743H11.9741H11.9739H11.9737H11.9735H11.9733H11.9731H11.9729H11.9727H11.9725H11.9724H11.9722H11.972H11.9718H11.9716H11.9714H11.9712H11.971H11.9708H11.9706H11.9704H11.9702H11.97H11.9698H11.9697H11.9695H11.9693H11.9691H11.9689H11.9687H11.9685H11.9683H11.9681H11.9679H11.9677H11.9675H11.9673H11.9672H11.967H11.9668H11.9666H11.9664H11.9662H11.966H11.9658H11.9656H11.9654H11.9653H11.9651H11.9649H11.9647H11.9645H11.9643H11.9641H11.9639H11.9637H11.9635H11.9634H11.9632H11.963H11.9628H11.9626H11.9624H11.9622H11.962H11.9618H11.9617H11.9615H11.9613H11.9611H11.9609H11.9607H11.9605H11.9603H11.9602H11.96H11.9598H11.9596H11.9594H11.9592H11.959H11.9589H11.9587H11.9585H11.9583H11.9581H11.9579H11.9578H11.9576H11.9574H11.9573C10.1168 13.8639 8.75 12.4324 8.75 10.6797Z"
+        className="dark:fill-[#A1A1A1] dark:stroke-[#A1A1A1]"
         fill="#5559CE"
         stroke="#5559CE"
       />
diff --git a/components/icons/Sun.js b/components/icons/Sun.js
index aee42b0..f3a2bf2 100644
--- a/components/icons/Sun.js
+++ b/components/icons/Sun.js
@@ -6,6 +6,7 @@ function Sun() {
       height="24"
       viewBox="0 0 24 24"
       fill="none"
+      className="w-full h-full"
     >
       <path
         d="M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z"
diff --git a/components/icons/UserEdit.js b/components/icons/UserEdit.js
index fb8d409..7bb4638 100644
--- a/components/icons/UserEdit.js
+++ b/components/icons/UserEdit.js
@@ -6,7 +6,7 @@ function UserEdit({ active }) {
       height="40"
       viewBox="0 0 41 40"
       fill="none"
-      className="delay-500"
+      className="delay-500 w-[18px] sm:w-[25px] md:w-[33px] lg:w-[40px] h-[18px] sm:h-[25px] md:h-[33px] lg:h-[40px]"
     >
       <path
         d="M20.4998 19.9997C25.1022 19.9997 28.8332 16.2687 28.8332 11.6663C28.8332 7.06397 25.1022 3.33301 20.4998 3.33301C15.8975 3.33301 12.1665 7.06397 12.1665 11.6663C12.1665 16.2687 15.8975 19.9997 20.4998 19.9997Z"
diff --git a/components/panel/addDoctor/Step.js b/components/panel/addDoctor/Step.js
index b0df7d4..fef81da 100644
--- a/components/panel/addDoctor/Step.js
+++ b/components/panel/addDoctor/Step.js
@@ -15,7 +15,8 @@ function Step({ value }) {
         <li className="flex items-center justify-center" key={idx}>
           <div className="flex flex-col items-center justify-center gap-2">
             <div
-              className={`flex items-center bg-[#F6F6F6] justify-center p-[18px] w-[75px] h-[75px] rounded-full
+              className={`flex items-center bg-[#F6F6F6] justify-center p-[18px] 
+                w-[32px] h-[32px] sm:w-[46px] sm:h-[46px] md:w-[60px] md:h-[60px] lg:w-[75px] lg:h-[75px] rounded-full
                 relative overflow-hidden before:delay-500 before:transition-all before:duration-500 
                 before:absolute before:w-full before:h-full before:bg-[#5559CE]
           ${value >= idx ? "before:right-0" : "before:-right-full"}`}
@@ -23,7 +24,7 @@ function Step({ value }) {
               <div className="z-10 delay-500">{item.icon}</div>
             </div>
             <p
-              className={`text-[16px]
+              className={`text-[10px] sm:text-[12px] md:text-[14px] lg:text-[16px] text-nowrap
            ${
              value >= idx
                ? "font-bold text-[#5559CE]"
@@ -35,7 +36,7 @@ function Step({ value }) {
           </div>
           {list.length > idx + 1 && (
             <span
-              className={`block rounded-[16px] transition-all duration-500 h-[2px] bg-[#EFEFEF] w-[100px]
+              className={`block rounded-[16px] transition-all duration-500 h-[2px] bg-[#EFEFEF] w-[35px] sm:w-[56px] md:w-[77px] lg:w-[100px]
                 relative overflow-hidden before:transition-all before:duration-500 
                 before:absolute before:w-full before:h-full before:bg-[#5559CE] before:ease-linear
 
diff --git a/components/panel/addDoctor/index.js b/components/panel/addDoctor/index.js
index f1513b5..0662a71 100644
--- a/components/panel/addDoctor/index.js
+++ b/components/panel/addDoctor/index.js
@@ -9,7 +9,7 @@ import GeneralInformation from "./listMenu/generalInformation";
 import Step from "./Step";
 
 function AddDoctorPage() {
-  const [value, setValue] = useState(2);
+  const [value, setValue] = useState(0);
   const [data, setData] = useState({
     general: {
       name: { value: "احسان احمدی", isEdit: false },
@@ -80,8 +80,6 @@ function AddDoctorPage() {
     ],
   });
 
-  console.log(data);
-
   const components = [
     <GeneralInformation
       data={data}
@@ -114,7 +112,9 @@ function AddDoctorPage() {
         md:pt-[30px] pb-0 md:pb-[12px] lg:pb-[24px] px-0 md:px-[14px] lg:px-[26px] xl:px-[56px]"
       >
         <Step value={value} />
-        <div className="mt-[32px]">{components[value]}</div>
+        <div className="mt-[24px] md:mt-[28px] lg:mt-[32px]">
+          {components[value]}
+        </div>
       </div>
     </div>
   );
diff --git a/components/panel/addDoctor/listMenu/generalInformation/form/index.js b/components/panel/addDoctor/listMenu/generalInformation/form/index.js
index a9b0e52..e2e6f03 100644
--- a/components/panel/addDoctor/listMenu/generalInformation/form/index.js
+++ b/components/panel/addDoctor/listMenu/generalInformation/form/index.js
@@ -27,7 +27,7 @@ function Form({ setValue, parent, data, setData }) {
 
   return (
     <div>
-      <div className="mt-[28px] grid grid-cols-1 md:grid-cols-2 gap-x-[48px] gap-y-[24px]">
+      <div className="mt-[24px] md:mt-[26px] lg:mt-[28px] grid grid-cols-1 md:grid-cols-2 gap-x-[48px] gap-y-[24px]">
         <ContentText text="نام و نام خانوادگی">
           <EditField
             isTransparent={true}
diff --git a/components/panel/addDoctor/listMenu/generalInformation/index.js b/components/panel/addDoctor/listMenu/generalInformation/index.js
index 37bc28b..3d5d50c 100644
--- a/components/panel/addDoctor/listMenu/generalInformation/index.js
+++ b/components/panel/addDoctor/listMenu/generalInformation/index.js
@@ -3,7 +3,7 @@ import Head from "./Head";
 
 function GeneralInformation({ setValue, parent, data, setData }) {
   return (
-    <div className="opacity-page pb-[24px] px-[56px]">
+    <div className="opacity-page pb-[24px] px-0 md:px-[24px] lg:px-[56px]">
       <Head />
       <Form
         parent={parent}
diff --git a/components/panel/addDoctor/listMenu/officeInformation/index.js b/components/panel/addDoctor/listMenu/officeInformation/index.js
index 183cc38..e38e564 100644
--- a/components/panel/addDoctor/listMenu/officeInformation/index.js
+++ b/components/panel/addDoctor/listMenu/officeInformation/index.js
@@ -5,7 +5,7 @@ import { checkAllValues } from "@/helper";
 
 function OfficeInformation({ setValue, parent, data, setData }) {
   return (
-    <div className="opacity-page pb-[24px] px-[56px]">
+    <div className="opacity-page pb-[24px] px-0 md:px-[24px] lg:px-[56px]">
       <Form parent={parent} setData={setData} data={data.office} />
       <div className="mt-[40px] w-full flex justify-end">
         <Button
diff --git a/components/panel/userAccount/bank/List.js b/components/panel/userAccount/bank/List.js
index 9ceb487..54296ab 100644
--- a/components/panel/userAccount/bank/List.js
+++ b/components/panel/userAccount/bank/List.js
@@ -10,7 +10,7 @@ function List({ data, loading }) {
   const centerTable = [0, 4, 5];
 
   return (
-    <div className="!mt-[40px]">
+    <div className="!mt-[40px] hidden md:block">
       <div className="hidden md:block w-full">
         <CustomTable tableHead={tableHead} centerTable={centerTable}>
           {data.map((row, idx) => (
@@ -67,16 +67,14 @@ function List({ data, loading }) {
                 className="!text-center !bg-[#F8F8F8] !pr-[18px] !text-nowrap"
                 align="right"
               >
-                <TextLoading width={50} height={18} loading={loading}>
-                  <div className="flex items-center justify-center gap-[4px]">
-                    <Button className="!min-w-fit !p-1" variant="text">
-                      <TrashB />
-                    </Button>
-                    <Button className="!min-w-fit !p-1" variant="text">
-                      <EditB />
-                    </Button>
-                  </div>
-                </TextLoading>
+                <div className="flex items-center justify-center gap-[4px]">
+                  <Button className="!min-w-fit !p-1" variant="text">
+                    <TrashB />
+                  </Button>
+                  <Button className="!min-w-fit !p-1" variant="text">
+                    <EditB />
+                  </Button>
+                </div>
               </TableCell>
             </TableRow>
           ))}
diff --git a/components/panel/userAccount/bank/cards/Item.js b/components/panel/userAccount/bank/cards/Item.js
new file mode 100644
index 0000000..9f68e83
--- /dev/null
+++ b/components/panel/userAccount/bank/cards/Item.js
@@ -0,0 +1,70 @@
+import TextLoading from "@/app/component/loading/Text";
+import SwitchTable from "@/app/component/SwitchTable";
+import EditB from "@/components/icons/EditB";
+import TrashB from "@/components/icons/TrashB";
+import { Button } from "@mui/material";
+
+function Item({ data, loading }) {
+  return (
+    <li className="rounded-[8px] bg-[#FFF] p-[12px] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
+      <div className="w-full flex items-center justify-between">
+        <div className="flex items-center justify-start gap-[4px]">
+          <TextLoading width={50} height={18} loading={loading}>
+            <div className="flex items-center justify-start gap-[16px]">
+              <p className="text-[16px] min-w-[60px] font-medium text-[#616161]">
+                {data.status ? "فعال" : "غیر فعال"}
+              </p>
+              <SwitchTable value={data.status} />
+            </div>
+          </TextLoading>
+        </div>
+        <div className="flex items-center justify-center gap-[4px]">
+          <Button className="!min-w-fit !p-1" variant="text">
+            <TrashB />
+          </Button>
+          <Button className="!min-w-fit !p-1" variant="text">
+            <EditB />
+          </Button>
+        </div>
+      </div>
+      <ul className="flex flex-col mt-[16px]">
+        <li className="flex items-center justify-between gap-[12px]">
+          <TextLoading loading={loading} width={60} height={18}>
+            <p className="text-[#7E7E7E] text-[14px] font-normal">
+              شماره کارت:
+            </p>
+          </TextLoading>
+          <TextLoading loading={loading} width={90} height={18}>
+            <p className="text-[#616161] text-[12px] font-medium">
+              {data.card_number}
+            </p>
+          </TextLoading>
+        </li>
+        <span className="block h-px w-[calc(100%-20px)] mx-auto bg-[#EFEFEF] my-[8px]"></span>
+        <li className="flex items-center justify-between gap-[12px]">
+          <TextLoading loading={loading} width={60} height={18}>
+            <p className="text-[#7E7E7E] text-[14px] font-normal">شماره شبا:</p>
+          </TextLoading>
+          <TextLoading loading={loading} width={90} height={18}>
+            <p className="text-[#616161] text-[12px] font-medium">
+              {data.shaba_number}
+            </p>
+          </TextLoading>
+        </li>
+        <span className="block h-px w-[calc(100%-20px)] mx-auto bg-[#EFEFEF] my-[8px]"></span>
+        <li className="flex items-center justify-between gap-[12px]">
+          <TextLoading loading={loading} width={60} height={18}>
+            <p className="text-[#7E7E7E] text-[14px] font-normal">بانک:</p>
+          </TextLoading>
+          <TextLoading loading={loading} width={90} height={18}>
+            <p className="text-[#616161] text-[12px] font-medium">
+              {data.bank}
+            </p>
+          </TextLoading>
+        </li>
+      </ul>
+    </li>
+  );
+}
+
+export default Item;
diff --git a/components/panel/userAccount/bank/cards/index.js b/components/panel/userAccount/bank/cards/index.js
new file mode 100644
index 0000000..3397f22
--- /dev/null
+++ b/components/panel/userAccount/bank/cards/index.js
@@ -0,0 +1,15 @@
+import Item from "./Item";
+
+function Cards({ data, loading }) {
+  console.log(data);
+
+  return (
+    <ul className="md:hidden mt-[24px] grid grid-cols-1 sm:grid-cols-2 gap-[16px]">
+      {data.map((item, idx) => (
+        <Item data={item} key={idx} />
+      ))}
+    </ul>
+  );
+}
+
+export default Cards;
diff --git a/components/panel/userAccount/bank/head/index.js b/components/panel/userAccount/bank/head/index.js
index ad09050..ed3b9dc 100644
--- a/components/panel/userAccount/bank/head/index.js
+++ b/components/panel/userAccount/bank/head/index.js
@@ -1,4 +1,4 @@
-import ModalAddCard from "./modal/ModalAddCard";
+import ModalAddCard from "./modal";
 
 function Head() {
   return (
diff --git a/components/panel/userAccount/bank/head/modal/Form.js b/components/panel/userAccount/bank/head/modal/Form.js
index 30ac322..5e4c738 100644
--- a/components/panel/userAccount/bank/head/modal/Form.js
+++ b/components/panel/userAccount/bank/head/modal/Form.js
@@ -11,7 +11,7 @@ const list = [
 
 function Form({ data, changeData }) {
   return (
-    <div className="mt-[40px] flex flex-col gap-[32px] px-[52px]">
+    <div className="mt-[32px] md:mt-[36px] lg:mt-[40px] flex flex-col gap-[24px] md:gap-[28px] lg:gap-[32px] px-0 sm:px-[52px]">
       <ContentText text="شماره کارت">
         <EditField
           isTransparent={true}
diff --git a/components/panel/userAccount/bank/head/modal/ModalAddCard.js b/components/panel/userAccount/bank/head/modal/index.js
similarity index 86%
rename from components/panel/userAccount/bank/head/modal/ModalAddCard.js
rename to components/panel/userAccount/bank/head/modal/index.js
index 1344aa5..e96a8ba 100644
--- a/components/panel/userAccount/bank/head/modal/ModalAddCard.js
+++ b/components/panel/userAccount/bank/head/modal/index.js
@@ -19,10 +19,10 @@ function ModalAddCard() {
   const changeData = (value, name) => setData({ ...data, [name]: value });
 
   return (
-    <div>
+    <>
       {/* Button Modal */}
       <Button
-        className="!bg-[#5559CE] !w-full md:!w-fit !shadow-none !rounded-[4px] !gap-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
+        className="!bg-[#5559CE] !w-fit !shadow-none !rounded-[4px] !gap-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
         onClick={handleOpen}
         variant="contained"
       >
@@ -33,7 +33,7 @@ function ModalAddCard() {
       <Modal open={open} onClose={handleClose}>
         <Box
           sx={styleDefault}
-          className="!w-fit !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !pt-[24px] md:!pt-[22px] lg:!pt-[20px] !pb-[36px]"
+          className="!w-full !h-full md:!h-fit sm:!w-fit !rounded-none sm:!rounded-[8px] sm:!min-w-[524px] !py-[20px] !pt-[24px] md:!pt-[22px] lg:!pt-[20px] !pb-[36px]"
         >
           <div className="flex items-center justify-between w-full">
             <p className="text-[#3B3B3B] text-[16px] md:text-[18px] lg:text-[20px] font-bold">
@@ -62,7 +62,7 @@ function ModalAddCard() {
           </div>
         </Box>
       </Modal>
-    </div>
+    </>
   );
 }
 
diff --git a/components/panel/userAccount/bank/index.js b/components/panel/userAccount/bank/index.js
index 989a3c2..c94bc80 100644
--- a/components/panel/userAccount/bank/index.js
+++ b/components/panel/userAccount/bank/index.js
@@ -1,3 +1,4 @@
+import Cards from "./cards";
 import Head from "./head";
 import List from "./List";
 
@@ -6,6 +7,7 @@ function Bank({ data }) {
     <div className="opacity-page">
       <Head />
       <List data={data} loading={false} />
+      <Cards data={data} loading={false} />
     </div>
   );
 }