menu: enhnace styles

src/pages/restaurant/RestaurantServices.tsx

@@ -8,7 +8,6 @@ import PickupIcon from "components/Icons/PickupIcon";
 import SendGiftIcon from "components/Icons/SendGiftIcon";
 import ToOfficeIcon from "components/Icons/ToOfficeIcon";
 import ToRoomIcon from "components/Icons/ToRoomIcon";
-import ProTitle from "components/ProTitle";
 import { updateOrderType } from "features/order/orderSlice";
 import { OrderType } from "pages/checkout/hooks/types.ts";
 import { useTranslation } from "react-i18next";
@@ -17,6 +16,7 @@ import { useGetRestaurantDetailsQuery } from "redux/api/others";
 import { useAppDispatch, useAppSelector } from "redux/hooks";
 import styles from "./restaurant.module.css";
 import ScheduleOrderIcon from "components/Icons/ScheduleOrderIcon";
+import ProText from "components/ProText";
 
 export default function RestaurantServices() {
   const { t } = useTranslation();
@@ -218,18 +218,18 @@ export default function RestaurantServices() {
                   }}
                 >
                   {s?.icon}
-                  <ProTitle
+                  <ProText
-                    level={5}
                     style={{
                       fontWeight: 500,
                       fontSize: 14,
                       lineHeight: "140%",
                       letterSpacing: "0%",
                       verticalAlign: "middle",
+                      color: "#434E5C"
                     }}
                   >
                     {s?.title}
-                  </ProTitle>
+                  </ProText>
                 </div>
 
                 {isRTL ? (