tabexseriescomponents 0.0.235 → 0.0.237

package/dist/index.esm.js

@@ -51,6 +51,7 @@ import { VscGlobe } from '@react-icons/all-files/vsc/VscGlobe';
 import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
 import { HiOutlineTrash } from '@react-icons/all-files/hi/HiOutlineTrash';
 import { BiSad } from '@react-icons/all-files/bi/BiSad';
+import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
 import TextareaAutosize from 'react-textarea-autosize';
 import { HiUser } from '@react-icons/all-files/hi/HiUser';
 import { GrMail } from '@react-icons/all-files/gr/GrMail';
@@ -75,8 +76,6 @@ import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
 import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
 import ReactPaginate from 'react-paginate';
 import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
-import '@react-icons/all-files/hi/HiOutlinePlus';
-import '@react-icons/all-files/ai/AiOutlineMinus';
 import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
 import { FaMoneyBillWave } from '@react-icons/all-files/fa/FaMoneyBillWave';
 import { BiLogOutCircle } from '@react-icons/all-files/bi/BiLogOutCircle';
@@ -1690,7 +1689,7 @@ var Product_itemtype = function Product_itemtype(props) {
 function ownKeys$1Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Serviceinfotabs = function Serviceinfotabs(props) {
-  var _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24;
   var langdetect = props.actions.langdetect;
   var lang = props.actions.lang;
   var sectionproperties = props.actions.sectionproperties;
@@ -1727,6 +1726,36 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     slots = _useState6[0],
     setslots = _useState6[1];
+  useEffect(function () {
+    setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+      item_type: 'service'
+    }));
+  }, [tabsarray]);
+  useEffect(function () {
+    var date1 = new Date(addtocardpayloadobj.from);
+    var date2 = new Date(addtocardpayloadobj.to);
+    var diffTime = Math.abs(date2 - date1);
+    var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+    if (diffDays.toString() != 'NaN') {
+      if (date2 <= date1) {
+        NotificationManager.warning('', 'Please choose another date.');
+        setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+          quantity: 0
+        }));
+      } else {
+        if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
+          setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+            quantity: diffDays
+          }));
+        } else {
+          setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+            quantity: 0
+          }));
+          NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
+        }
+      }
+    }
+  }, [addtocardpayloadobj.from, addtocardpayloadobj.to]);
   var TabsStyles = {
     sidebar_item: css({
       background: sectionproperties.tabcontainerbgcolor,
@@ -1783,16 +1812,6 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     booknow_btn_disabled: css({
       opacity: 0.3
     }),
-    timeLabel: css({
-      color: sectionproperties.time_laelColor,
-      fontWeight: sectionproperties.time_labelFonweight,
-      fontSize: sectionproperties.time_labelFontsize + 'px'
-    }),
-    time: css({
-      color: sectionproperties.time_timeColor,
-      fontWeight: sectionproperties.time_timeFontweight,
-      fontSize: sectionproperties.time_timeFontsize + 'px'
-    }),
     inputfield_label: css({
       color: sectionproperties.form_labelcolor,
       fontWeight: sectionproperties.form_labelfontweight,
@@ -1809,43 +1828,45 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       ':focus': {
         borderColor: sectionproperties.inputfeildbordercoloronfocus
       }
+    }),
+    timeSlotContainer: css({
+      minWidth: '6vh',
+      height: '5vh',
+      borderRadius: sectionproperties.time_borderRadius + 'px',
+      backgroundColor: sectionproperties.time_bgcolor,
+      border: sectionproperties.time_borderwidth + 'px solid ' + sectionproperties.time_borderColor,
+      color: sectionproperties.time_timeColor,
+      fontWeight: sectionproperties.time_timeFontweight,
+      fontSize: sectionproperties.time_timeFontsize + 'px',
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.time_secondarybgcolor,
+        color: sectionproperties.time_secondarycolor,
+        borderColor: sectionproperties.time_secondarycolor
+      }
+    }),
+    timeSlotContainer_active: css({
+      minWidth: '6vh',
+      height: '5vh',
+      borderRadius: sectionproperties.time_borderRadius + 'px',
+      backgroundColor: sectionproperties.time_activebgcolor,
+      border: sectionproperties.time_borderwidth + 'px solid ' + sectionproperties.time_timeactiveColor,
+      color: sectionproperties.time_timeactiveColor,
+      fontWeight: sectionproperties.time_timeFontweight,
+      fontSize: sectionproperties.time_timeFontsize + 'px',
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.time_secondarybgcolor,
+        color: sectionproperties.time_secondarycolor,
+        borderColor: sectionproperties.time_secondarycolor
+      }
     })
   };
-  useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
-      item_type: 'service'
-    }));
-  }, [tabsarray]);
-  useEffect(function () {
-    var date1 = new Date(addtocardpayloadobj.from);
-    var date2 = new Date(addtocardpayloadobj.to);
-    var diffTime = Math.abs(date2 - date1);
-    var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-    if (diffDays.toString() != 'NaN') {
-      if (date2 <= date1) {
-        NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
-          quantity: 0
-        }));
-      } else {
-        if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
-            quantity: diffDays
-          }));
-        } else {
-          setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
-            quantity: 0
-          }));
-          NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
-        }
-      }
-    }
-  }, [addtocardpayloadobj.from, addtocardpayloadobj.to]);
   return /*#__PURE__*/React.createElement("div", {
-    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.scheduletype) == 'minutes' ? 'col-lg-12 mt-3 p-0' : 'col-lg-10 mt-3 p-0'
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.serviceinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.scheduletype) == 'minutes' ? 'col-lg-12 mt-3 p-0' : 'col-lg-10 mt-3 p-0'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.scheduletype) == 'days' && /*#__PURE__*/React.createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.serviceinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.scheduletype) == 'days' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-12 col-sm-12 mb-2 pl-1 pr-1"
@@ -1860,8 +1881,8 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React.createElement("input", {
     type: "date",
     "class": TabsStyles.inputfield + ' w-100 allcentered pl-1 pr-1 ',
-    min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.serviceinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.reservationstarts,
-    max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.serviceinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.reservationends,
+    min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.reservationstarts,
+    max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.reservationends,
     onChange: function onChange(event) {
       setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
         from: event.target.value
@@ -1887,7 +1908,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         to: event.target.value
       }));
     }
-  }))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.serviceinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.scheduletype) == 'minutes' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.serviceinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.scheduletype) == 'minutes' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -1920,7 +1941,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     "class": "col-lg-12 col-md-12 col-sm-12"
   }, /*#__PURE__*/React.createElement("p", {
     "class": TabsStyles.inputfield_label + ' p-0 d-flex justify-content-start m-0 '
-  }, lang.reservationtime, ":"), GeneralAPIMutationContext.isLoading && GeneralAPIMutationContext.variables.endpointurl == '/fetchserviceslots' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.reservationslot_titleen : sectionproperties.reservationslot_titlear), GeneralAPIMutationContext.isLoading && GeneralAPIMutationContext.variables.endpointurl == '/fetchserviceslots' && /*#__PURE__*/React.createElement("div", {
     className: 'row ml-0 mr-0 w-100 allcentered',
     style: {
       height: 200
@@ -1930,7 +1951,9 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     width: "10px",
     height: "10px",
     duration: "1s"
-  })), slots.map(function (item, index) {
+  })), sectionproperties.slots_style == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100"
+  }, slots.map(function (item, index) {
     var ischoosed = false;
     if (item.slot == addtocardpayloadobj.time) {
       ischoosed = true;
@@ -1990,11 +2013,31 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "m-0 mb-3 mt-3"
     })));
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.slots_style == 'Vertical' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 mb-4 mt-3"
+  }, slots.map(function (item, index) {
+    var ischoosed = false;
+    if (item.slot == addtocardpayloadobj.time) {
+      ischoosed = true;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-2 col-md-2 col-sm-4 pl-1 pr-1 mb-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
+      style: {},
+      onClick: function onClick() {
+        setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+          time: item.slot
+        }));
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": ' p-0 m-0 '
+    }, item.slot)));
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.serviceinfo) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.scheduletype) == 'days' && /*#__PURE__*/React.createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.serviceinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.scheduletype) == 'days' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
@@ -2054,12 +2097,12 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React.createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
     onClick: function onClick() {
-      var _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.serviceinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.scheduletype) == 'days') {
+      var _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.serviceinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.serviceinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.scheduletype) == 'minutes') {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.serviceinfo) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
         }
@@ -2131,12 +2174,12 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React.createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn) + ' w-100 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.serviceinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.scheduletype) == 'days') {
+      var _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.serviceinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.serviceinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.scheduletype) == 'minutes') {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.serviceinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
         }
@@ -2210,13 +2253,13 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React.createElement("button", {
     className: "".concat(productinfo_cssstyles.checkoutbtn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
     onClick: function onClick() {
-      var _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : (_fetchProductInfoQuer52 = _fetchProductInfoQuer51.serviceinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.scheduletype) == 'days') {
+      var _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.serviceinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
           routingcountext(StaticPagesLinksContext.Checkout);
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : (_fetchProductInfoQuer55 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.serviceinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.scheduletype) == 'minutes') {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.serviceinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
           routingcountext(StaticPagesLinksContext.Checkout);
@@ -2234,11 +2277,8 @@ var Service_itemtype = function Service_itemtype(props) {
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
-  props.actions.returnpolicyobj;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var addtocartfunc = props.actions.addtocartfunc;
-  props.actions.selectproductoptionvalue;
-  props.actions.relatedproducts;
   var productimagesarray = props.actions.productimagesarray;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
   var sectionproperties = props.actions.sectionproperties;
@@ -2248,29 +2288,24 @@ var Service_itemtype = function Service_itemtype(props) {
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var authdetailsContext = props.actions.authdetailsContext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  props.actions.addtofavoritescontext;
+  var addtofavoritescontext = props.actions.addtofavoritescontext;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var NotificationManager = props.actions.NotificationManager;
   var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
   var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
-  props.actions.getQuantityCondition;
   var StoreInfoprops = props.actions.StoreInfoprops;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2);
-    _useState2[0];
-    _useState2[1];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    shareUrl = _useState2[0],
+    setshareUrl = _useState2[1];
   var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2);
-    _useState4[0];
-    var setshareUrl = _useState4[1];
-  var _useState5 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    title = _useState4[0],
+    settitle = _useState4[1];
+  var _useState5 = useState(fetchProductInfoQueryContext.data.data.productinfo),
     _useState6 = _slicedToArray(_useState5, 2);
     _useState6[0];
-    var settitle = _useState6[1];
-  var _useState7 = useState(fetchProductInfoQueryContext.data.data.productinfo),
-    _useState8 = _slicedToArray(_useState7, 2);
-    _useState8[0];
-    var setitem = _useState8[1];
+    var setitem = _useState6[1];
   useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2335,7 +2370,46 @@ var Service_itemtype = function Service_itemtype(props) {
     showNav: false,
     showPlayButton: false,
     showFullscreenButton: true
+  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: sectionproperties.sharebtn_FontWeight,
+      color: sectionproperties.sharebtn_color,
+      fontSize: sectionproperties.sharebtn_fontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
+    className: "Demo__container w-100 m-0 allcentered mt-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "Demo__some-network ml-2 mr-2"
+  }, /*#__PURE__*/React.createElement(FacebookShareButton, {
+    url: shareUrl,
+    quote: title,
+    className: "Demo__some-network__share-button"
+  }, /*#__PURE__*/React.createElement(FacebookIcon, {
+    size: 40,
+    round: true
   }))), /*#__PURE__*/React.createElement("div", {
+    className: "Demo__some-network ml-2 mr-2"
+  }, /*#__PURE__*/React.createElement(TwitterShareButton, {
+    url: shareUrl,
+    title: title,
+    className: "Demo__some-network__share-button"
+  }, /*#__PURE__*/React.createElement(TwitterIcon, {
+    size: 40,
+    round: true
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "Demo__some-network ml-2 mr-2"
+  }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
+    url: shareUrl,
+    title: title,
+    separator: ":: ",
+    className: "Demo__some-network__share-button"
+  }, /*#__PURE__*/React.createElement(WhatsappIcon, {
+    size: 40,
+    round: true
+  })))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? sectionproperties.galleryNumberOfCols == 4 ? 'col-xl-8 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : sectionproperties.galleryNumberOfCols == 4 ? 'col-xl-8 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -2535,7 +2609,8 @@ var Service_itemtype = function Service_itemtype(props) {
       getprice_discountpriceprops: getprice_discountpriceprops,
       authdetailsContext: authdetailsContext,
       routingcountext: routingcountext,
-      StaticPagesLinksContext: StaticPagesLinksContext
+      StaticPagesLinksContext: StaticPagesLinksContext,
+      addtofavoritescontext: addtofavoritescontext
     }
   })))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-3 pr-0 border-md-none p-md-0' : 'col-lg-3 pl-0 border-md-none p-md-0',
@@ -3057,6 +3132,11 @@ var Productinfo = function Productinfo(props) {
       textAlign: 'start'
     }),
     cart_btn: css({
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden',
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
@@ -3066,18 +3146,12 @@ var Productinfo = function Productinfo(props) {
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
-      transition: '.3s',
-      opacity: sectionproperties.cartbtn_opacity,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      overflow: 'hidden',
       margin: 0,
-      position: 'relative',
+      transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
-        opacity: sectionproperties.cartbtn_opacityonhover
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     quantitybtn: css({
@@ -3509,7 +3583,7 @@ var Productinfo = function Productinfo(props) {
       srcfromprops: props.srcfromprops
     }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _ref2)
   }), /*#__PURE__*/React.createElement("div", {
-    className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
+    className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
@@ -3776,6 +3850,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       fontWeight: sectionproperties.cartBtnTextfontweight,
       transition: '.3s',
       ':hover': {
+        transition: '.3s',
         background: sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
@@ -3785,6 +3860,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       background: sectionproperties.navcontbg_color,
       borderRadius: sectionproperties.navcontborderbl + 'px',
       ':hover': {
+        transition: '.3s',
         color: sectionproperties.navigationtextcoloronhover,
         background: sectionproperties.navcontbgcoloronhover
       },
@@ -3793,6 +3869,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
         right: langdetect == 'en' ? 0 : ''
       },
       ':hover:after': {
+        transition: '.3s',
         background: sectionproperties.navigationtextcoloronhover,
         left: langdetect == 'en' ? '' : 0,
         right: langdetect == 'en' ? 0 : ''
@@ -4038,14 +4115,12 @@ var Ordershistory = function Ordershistory(props) {
       borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
       borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
-      boxShadow: sectionproperties.generalbtn_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.generalbtn_shadowcolor : '',
-      opacity: sectionproperties.generalbtn_opacity,
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       transition: '.3s',
       ':hover': {
         background: sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover,
-        opacity: sectionproperties.generalbtn_opacityonhover
+        borderColor: sectionproperties.generalbtn_textColoronhover
       }
     }),
     tableimagecont: css({
@@ -4278,7 +4353,10 @@ var Ordershistory = function Ordershistory(props) {
   }, orderindex.length == 0 && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, sectionproperties.pagedesign == 'Design 1 (Cards)' && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100"
+    className: "row m-0 w-100 mt-3",
+    style: {
+      minHeight: '70vh'
+    }
   }, fetchorderhistoryQueryContext.data.data.ordershistory.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       className: ' col-lg-4 col-md-6 col-sm-12 mb-4 pl-md-2 pr-md-2 pr-0 '
@@ -4304,7 +4382,7 @@ var Ordershistory = function Ordershistory(props) {
         fontWeight: sectionproperties.generaltext_fontWeight,
         textTransform: sectionproperties.generaltext_textTransform
       }
-    }, lang.orderid, ":", ' ', /*#__PURE__*/React.createElement("span", {
+    }, langdetect == 'en' ? sectionproperties.orderidtitleen : sectionproperties.orderidtitlear, ' ', /*#__PURE__*/React.createElement("span", {
       style: {
         color: sectionproperties.text_secondarycolor
       }
@@ -4316,22 +4394,7 @@ var Ordershistory = function Ordershistory(props) {
         setorderindex(index);
         setopenorderitemsmodalshow(true);
       }
-    }, langdetect == 'en' ? 'View Order' : 'عرض الطلب')), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: ' m-0 p-0 d-flex justify-content-start module line-clamp ',
-      style: {
-        color: sectionproperties.generaltext_fontColor,
-        fontSize: sectionproperties.generaltext_fontSize + 'px',
-        fontWeight: sectionproperties.generaltext_fontWeight,
-        textTransform: sectionproperties.generaltext_textTransform
-      }
-    }, lang.numberofproducts, ":", ' ', /*#__PURE__*/React.createElement("span", {
-      className: "ml-1 mr-1",
-      style: {
-        color: sectionproperties.text_secondarycolor
-      }
-    }, item.orderitems.length))), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mt-2"
     }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(generalstyles.pill, " ") + ' pl-2 pr-2 ',
@@ -4352,18 +4415,19 @@ var Ordershistory = function Ordershistory(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: generalstyles.card + ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement("img", {
-    src: shoppingcart,
+  }, /*#__PURE__*/React.createElement(FiLayers, {
     style: {
-      maxWidth: '250px',
-      maxHeight: '250px'
+      fontSize: sectionproperties.noprod_iconfontSize + 'px',
+      color: sectionproperties.noprod_iconcolor
     }
   }), /*#__PURE__*/React.createElement("p", {
-    className: "font-weight-500",
+    "class": "m-0 p-0 mt-2",
     style: {
-      fontSize: '20px'
+      fontWeight: sectionproperties.noprod_fontWeight,
+      color: sectionproperties.noprod_color,
+      fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? 'No Previous Orders' : 'لا توجد طلبات سابقة')))), sectionproperties.pagedesign == 'Design 2 (Table)' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))), sectionproperties.pagedesign == 'Design 2 (Table)' && /*#__PURE__*/React.createElement("div", {
     className: "w-100",
     style: {
       background: 'white',
@@ -4470,7 +4534,7 @@ var Ordershistory = function Ordershistory(props) {
       textTransform: sectionproperties.sectionTitleTextTransform,
       fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }, lang.orderid, ":", ' ', /*#__PURE__*/React.createElement("span", {
+  }, langdetect == 'en' ? sectionproperties.orderidtitleen : sectionproperties.orderidtitlear, ":", ' ', /*#__PURE__*/React.createElement("span", {
     style: {
       color: sectionproperties.sectiontitlesecondarycolor,
       direction: 'ltr'
@@ -4494,7 +4558,7 @@ var Ordershistory = function Ordershistory(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, lang.orderdetails)), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Details' : 'التفاصيل')), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-3 col-md-3 col-sm-3 p-0 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("p", {
     style: {
@@ -4678,7 +4742,7 @@ var Ordershistory = function Ordershistory(props) {
     style: {
       color: sectionproperties.userinfotextsecondarycolor
     }
-  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].state))), /*#__PURE__*/React.createElement("div", {
+  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].state))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex fontfamilymedium text-focus mb-2"
   }, /*#__PURE__*/React.createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
@@ -4774,7 +4838,7 @@ var Ordershistory = function Ordershistory(props) {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React.createElement("p", {
     className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].discountprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].discountprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
@@ -4860,7 +4924,7 @@ var Ordershistory = function Ordershistory(props) {
       color: sectionproperties.paymenttextcolor,
       fontWeight: sectionproperties.paymenttextfontweight
     }
-  }, lang.cod)))))))), /*#__PURE__*/React.createElement(Modal, {
+  }, langdetect == 'en' ? sectionproperties.cod_text_en : sectionproperties.cod_text_ar)))))))), /*#__PURE__*/React.createElement(Modal, {
     show: openreviewmodal,
     onHide: function onHide() {
       return setopenreviewmodal(false);
@@ -5018,11 +5082,10 @@ var Wishlist = function Wishlist(props) {
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
       transition: '.3s',
-      opacity: sectionproperties.cartbtn_opacity,
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
-        opacity: sectionproperties.cartbtn_opacityonhover
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     trash_btn: css({
@@ -5232,7 +5295,7 @@ var Wishlist = function Wishlist(props) {
     }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
       size: sectionproperties.trashbtn_Textfontsize
     })))), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 d-flex align-items-center justify-content-center mt-3"
+      className: "col-lg-12 d-flex align-items-center justify-content-center mt-3 mb-3"
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0  d-flex align-items-center justify-content-center '
     }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -5246,7 +5309,7 @@ var Wishlist = function Wishlist(props) {
       style: {
         fontSize: sectionproperties.cartBtnTextfontsize + 'px'
       }
-    }, lang.addtocart))));
+    }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
   })), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100",
     style: {
@@ -5483,7 +5546,7 @@ var Viewcart = function Viewcart(props) {
       className: "col-lg-12 p-0 d-flex justify-content-end "
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(viewcart_cssstyles.totalstyless) + ' p-0 m-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue16 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : (_fetchcustomercartQue17 = _fetchcustomercartQue16.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : (_fetchcustomercartQue18 = _fetchcustomercartQue17.customercart) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.totalpriceafterdiscount_noshipping, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue16 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : (_fetchcustomercartQue17 = _fetchcustomercartQue16.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : (_fetchcustomercartQue18 = _fetchcustomercartQue17.customercart) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.totalpriceafterdiscount_noshipping, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0 d-flex justify-content-end "
     }, /*#__PURE__*/React.createElement("p", {
       className: 'font-13 text-light text-capitalize p-0 m-0 '
@@ -5618,13 +5681,9 @@ var Viewcart = function Viewcart(props) {
     }),
     tableimagecont: css({
       width: '70px',
-      height: '60px',
+      height: sectionproperties.prodimage__borderBottomLeftRadius == 100 ? '70px' : '60px',
       border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
       backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -5774,14 +5833,14 @@ var Viewcart = function Viewcart(props) {
     }
   }, /*#__PURE__*/React.createElement("th", {
     className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
-  }, lang.productname), /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14 text-uppercase text-light",
+  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14 text-capitalize text-light",
     style: {
       minWidth: '200px'
     }
   }, lang.price), /*#__PURE__*/React.createElement("th", {
     className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light"
-  }, lang.quantity), /*#__PURE__*/React.createElement("th", {
+  }, sectionproperties.producttype == 'Product' ? lang.quantity : langdetect == 'en' ? 'Reservation Time' : 'ميعاد الحجز'), /*#__PURE__*/React.createElement("th", {
     className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light",
     style: {
       minWidth: '100px'
@@ -5804,11 +5863,15 @@ var Viewcart = function Viewcart(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'contain'
+        objectFit: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'cover' : 'contain',
+        borderRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-8 col-sm-8 col-md-8"
+      className: "col-lg-8 col-sm-8 col-md-8 d-flex",
+      style: {
+        alignItems: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(viewcart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start ',
       style: {
@@ -5858,7 +5921,7 @@ var Viewcart = function Viewcart(props) {
       className: "".concat(viewcart_cssstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
     }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(item.productinfo.variantinfo.variantprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), /*#__PURE__*/React.createElement("td", {
       className: "text-center"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.producttype == 'Product' && /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100 d-flex align-items-center justify-content-center"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(viewcart_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
@@ -5890,7 +5953,23 @@ var Viewcart = function Viewcart(props) {
       style: {
         fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px'
       }
-    }))))), /*#__PURE__*/React.createElement("td", {
+    })))), sectionproperties.producttype == 'Service' && /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100 d-flex align-items-center justify-content-center flex-row text-light"
+    }, /*#__PURE__*/React.createElement("i", {
+      className: langdetect == 'en' ? 'text-light opacity-6 fa fa-clock mr-1 ' : ' text-light opacity-6 fa fa-clock ml-1 '
+    }), /*#__PURE__*/React.createElement("div", {
+      "class": "flex-column d-flex justify-content-start font_15"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.reserv_fixeddate), /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.reserv_time)))), /*#__PURE__*/React.createElement("td", {
       className: "text-center",
       style: {
         minWidth: '100px'
@@ -5912,18 +5991,27 @@ var Viewcart = function Viewcart(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
+  }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React.createElement("img", {
     src: shoppingcart,
     style: {
       maxWidth: '250px',
       maxHeight: '250px'
     }
+  }), sectionproperties.noproducticontype == 'Calendar' && /*#__PURE__*/React.createElement(FiCalendar, {
+    style: {
+      fontSize: sectionproperties.noprod_iconfontSize + 'px',
+      color: sectionproperties.noprod_iconcolor
+    }
   }), /*#__PURE__*/React.createElement("p", {
-    className: "m-0 p-0 wordbreak",
+    "class": "m-0 p-0 mt-2",
     style: {
-      fontSize: '15px'
+      fontWeight: sectionproperties.noprod_fontWeight,
+      color: sectionproperties.noprod_color,
+      fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, lang.emptyshoppingcart))))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? ' col-lg-3 pr-0 ' : ' col-lg-3 pl-0 '
   }, Summary()))))));
 };
@@ -8440,7 +8528,7 @@ styleInject(css_248z$C);
 function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CartSlider = function CartSlider(props) {
-  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24;
+  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var authdetailsContext = props.actions.authdetailsContext;
@@ -8554,7 +8642,8 @@ var CartSlider = function CartSlider(props) {
       transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcoloronhover,
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     checkoutbtn: css({
@@ -8646,11 +8735,9 @@ var CartSlider = function CartSlider(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
       marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
       marginRight: sectionproperties.sectionTitleMarginRight + 'px',
-      textTransform: sectionproperties.sectionTitleTextTransform,
       fontWeight: sectionproperties.sectionTitleFontWeight
-      // justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
     }
-  }, langdetect == 'en' ? 'My Cart' : 'حقيبة التسوق'), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-2"
@@ -8701,30 +8788,35 @@ var CartSlider = function CartSlider(props) {
     className: "col-lg-12 pt-4"
   }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart) != null && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100"
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.cartitems) == 0 && /*#__PURE__*/React.createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : (_fetchcustomercartQue7 = _fetchcustomercartQue6.customercart) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.cartitems) == 0 && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center justify-content-center",
     style: {
       height: '40vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React.createElement("img", {
     src: shoppingcart,
     style: {
       maxWidth: '200px',
       maxHeight: '200px'
     }
+  }), sectionproperties.noproducticontype == 'Calendar' && /*#__PURE__*/React.createElement(FiCalendar, {
+    style: {
+      fontSize: sectionproperties.noprod_iconfontSize + 'px',
+      color: sectionproperties.noprod_iconcolor
+    }
   }), /*#__PURE__*/React.createElement("p", {
-    className: "font-weight-500",
+    "class": "m-0 p-0 mt-2",
     style: {
-      fontSize: '15px'
+      fontWeight: sectionproperties.noprod_fontWeight,
+      color: sectionproperties.noprod_color,
+      fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, lang.emptyshoppingcart)), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: " ".concat(cart_cssstyles.cart_btn) + ' mr-1 ml-1 d-flex align-items-center justify-content-center ',
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React.createElement("button", {
+    className: "".concat(cart_cssstyles.cart_btn) + ' mt-3 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
       if (fetchingtype == 'products') {
         if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
@@ -8736,11 +8828,7 @@ var CartSlider = function CartSlider(props) {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
       }
     }
-  }, /*#__PURE__*/React.createElement("i", {
-    className: langdetect == 'en' ? 'h-100 d-flex align-items-center mr-2' : 'h-100 d-flex align-items-center ml-2'
-  }, /*#__PURE__*/React.createElement(FiShoppingCart, {
-    size: sectionproperties.cartBtn_iconFontSize
-  })), lang.shopnow))), fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : (_fetchcustomercartQue11 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue11 === void 0 ? void 0 : (_fetchcustomercartQue12 = _fetchcustomercartQue11.customercart) === null || _fetchcustomercartQue12 === void 0 ? void 0 : (_fetchcustomercartQue13 = _fetchcustomercartQue12.cartitems) === null || _fetchcustomercartQue13 === void 0 ? void 0 : _fetchcustomercartQue13.map(function (item, index) {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue10 === void 0 ? void 0 : (_fetchcustomercartQue11 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue11 === void 0 ? void 0 : _fetchcustomercartQue11.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 mb-3 p-0"
     }, /*#__PURE__*/React.createElement("div", {
@@ -8770,7 +8858,7 @@ var CartSlider = function CartSlider(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "".concat(cart_cssstyles.productPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex '
     }, item.quantity, " x", /*#__PURE__*/React.createElement("span", {
       className: 'ml-1 mr-1 wordbreak'
@@ -8791,7 +8879,7 @@ var CartSlider = function CartSlider(props) {
     }, /*#__PURE__*/React.createElement("hr", {
       className: "m-0"
     })));
-  }), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue14 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue14 === void 0 ? void 0 : (_fetchcustomercartQue15 = _fetchcustomercartQue14.data) === null || _fetchcustomercartQue15 === void 0 ? void 0 : (_fetchcustomercartQue16 = _fetchcustomercartQue15.customercart) === null || _fetchcustomercartQue16 === void 0 ? void 0 : (_fetchcustomercartQue17 = _fetchcustomercartQue16.cartitems) === null || _fetchcustomercartQue17 === void 0 ? void 0 : _fetchcustomercartQue17.length) != 0 && /*#__PURE__*/React.createElement("div", {
+  }), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 ? void 0 : (_fetchcustomercartQue13 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue13 === void 0 ? void 0 : (_fetchcustomercartQue14 = _fetchcustomercartQue13.customercart) === null || _fetchcustomercartQue14 === void 0 ? void 0 : (_fetchcustomercartQue15 = _fetchcustomercartQue14.cartitems) === null || _fetchcustomercartQue15 === void 0 ? void 0 : _fetchcustomercartQue15.length) != 0 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 mb-3 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
@@ -8815,14 +8903,14 @@ var CartSlider = function CartSlider(props) {
       textTransform: sectionproperties.total_texttransform,
       color: sectionproperties.total_color
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue18 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue18 === void 0 ? void 0 : (_fetchcustomercartQue19 = _fetchcustomercartQue18.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : (_fetchcustomercartQue20 = _fetchcustomercartQue19.customercart) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue21 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue21 === void 0 ? void 0 : (_fetchcustomercartQue22 = _fetchcustomercartQue21.data) === null || _fetchcustomercartQue22 === void 0 ? void 0 : (_fetchcustomercartQue23 = _fetchcustomercartQue22.customercart) === null || _fetchcustomercartQue23 === void 0 ? void 0 : (_fetchcustomercartQue24 = _fetchcustomercartQue23.cartitems) === null || _fetchcustomercartQue24 === void 0 ? void 0 : _fetchcustomercartQue24.length) != 0 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue16 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : (_fetchcustomercartQue17 = _fetchcustomercartQue16.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : (_fetchcustomercartQue18 = _fetchcustomercartQue17.customercart) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue19 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : (_fetchcustomercartQue20 = _fetchcustomercartQue19.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : (_fetchcustomercartQue21 = _fetchcustomercartQue20.customercart) === null || _fetchcustomercartQue21 === void 0 ? void 0 : (_fetchcustomercartQue22 = _fetchcustomercartQue21.cartitems) === null || _fetchcustomercartQue22 === void 0 ? void 0 : _fetchcustomercartQue22.length) != 0 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React.createElement("button", {
     className: " ".concat(cart_cssstyles.cart_btn) + ' mr-1 ml-1 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.viewcart);
     }
-  }, /*#__PURE__*/React.createElement("i", {
+  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("i", {
     className: langdetect == 'en' ? 'h-100 d-flex align-items-center mr-2' : 'h-100 d-flex align-items-center ml-2'
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
     className: "",
@@ -8841,7 +8929,7 @@ var CartSlider = function CartSlider(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), lang.viewcart), /*#__PURE__*/React.createElement("button", {
+  })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React.createElement("button", {
     className: " ".concat(cart_cssstyles.checkoutbtn) + ' ml-1 mr-1 ',
     onClick: function onClick() {
       // if (fetchAuthorizationQueryContext.data.data.loggedin == true) {
@@ -9024,7 +9112,7 @@ function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$1M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OrderSuccess = function OrderSuccess(props) {
   var _props$actions2;
-  var lang = props.actions.lang;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
@@ -9128,7 +9216,7 @@ var OrderSuccess = function OrderSuccess(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.checkyourorder)), !IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), !IsOrderSuccess && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 allcentered flex-column",
     style: {
       minHeight: '50vh',
@@ -11093,12 +11181,19 @@ var Searchlist$1 = function Searchlist(props) {
       style: {
         height: '100%',
         width: '100%',
-        objectFit: 'contain'
+        objectFit: 'contain',
+        borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
       }
     })), /*#__PURE__*/React.createElement("div", {
-      "class": props.srcfromprops == 'StylishHeader' ? 'col-lg-11 col-md-11 col-sm-9 pl-1 pr-0' : 'col-lg-10 col-md-11 col-sm-9 pl-1 pr-0'
+      "class": props.srcfromprops == 'StylishHeader' ? 'col-lg-11 col-md-11 col-sm-9 pl-1 pr-0 d-flex' : 'col-lg-10 col-md-11 col-sm-9 pl-1 pr-0 d-flex',
+      style: {
+        alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
+      }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-flex align-items-start"
+      "class": "row m-0 w-100 d-flex",
+      style: {
+        alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
+      }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
     }, /*#__PURE__*/React.createElement("p", {
@@ -11922,9 +12017,9 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     className: ' d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? 'ml-2' : 'mr-2'
-  }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
+  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
       marginBottom: 0,
       marginTop: 0
@@ -12017,6 +12112,8 @@ var Headerresponsive = function Headerresponsive(props) {
     size: sectionproperties.cartBtniconresp_size
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtniconresp_size
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtniconresp_size
   }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(header_cssstyles.badge_counter_header_notifications),
     style: {
@@ -12044,8 +12141,10 @@ var Headerresponsive = function Headerresponsive(props) {
   }, /*#__PURE__*/React.createElement(RiSearchLine, {
     size: 15
   }))), /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    placeholder: langdetect == 'en' ? 'What are you looking for?' : 'بحث...',
+    type: "text"
+    // placeholder={langdetect == 'en' ? 'What are you looking for?' : 'بحث...'}
+    ,
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
     className: "".concat(header_cssstyles.searchbarcont_input),
     onChange: function onChange(event) {
       setSearchHeaderInputContext(event.target.value);
@@ -12848,11 +12947,12 @@ var Gotoheader = function Gotoheader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.navbar_nav) + ' w-100 row m-0 w-100 d-flex justify-content-start align-items-center '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
+    "class": ' scrollhorizontal w-100 align-items-center ',
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
       paddingTop: sectionproperties.lowersection_paddingtop + 'px',
-      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
+      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
+      justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
@@ -12882,7 +12982,7 @@ var Gotoheader = function Gotoheader(props) {
       subheaderpositionprops: 'in nav',
       paddingLeftprops: '45px',
       paddingRightprops: '45px',
-      subheadercontentpositionprops: 'start'
+      subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   })))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -15827,7 +15927,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
       }
     },
-    size: sectionproperties.instgrambtniconfontsize
+    size: sectionproperties.facebkbtnniconfontsize
   }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement(AiOutlineInstagram, {
     "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
@@ -19551,6 +19651,7 @@ var Modernheader = function Modernheader(props) {
     searchbarcont: css({
       position: 'relative',
       width: sectionproperties.searchbarcont_width + '%',
+      height: sectionproperties.searchbarcont_height + 'px',
       border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
       background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
       borderRadius: sectionproperties.searchbarcont_borderRadius + 'px',
@@ -19583,6 +19684,7 @@ var Modernheader = function Modernheader(props) {
       borderBottom: sectionproperties.searchbarcontinput_borderBottom + 'px solid ' + sectionproperties.searchbarcontinput_borderBottomcolor,
       paddingLeft: langdetect == 'en' ? sectionproperties.searchbarcont_paddingLeft + 'px' : sectionproperties.searchbarcont_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.searchbarcont_paddingRight + 'px' : sectionproperties.searchbarcont_paddingLeft + 'px',
+      paddingBottom: sectionproperties.searchbarcont_paddingBottom + 'rem',
       outline: 'none',
       transition: '0.3s',
       ':focus': {
@@ -19640,8 +19742,8 @@ var Modernheader = function Modernheader(props) {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
-    placeholder: lang.searchproducts,
-    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    "class": "".concat(header_cssstyles.searchbarcont_input) + ' h-100 ',
     onChange: function onChange(event) {
       setSearchHeaderInputContext(event.target.value);
     }
@@ -19764,9 +19866,11 @@ var Modernheader = function Modernheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   })), /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
-  }, lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
@@ -19867,6 +19971,8 @@ var Modernheader = function Modernheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(headerstyles$7.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
     style: {
@@ -23367,6 +23473,10 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       }
     }
   }, [sectionproperties]);
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2);
+    _useState8[0];
+    _useState8[1];
   var header_cssstyles = {
     headercontainer: css({
       position: sectionproperties.headerstyles_position,
@@ -23617,7 +23727,16 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       lineHeight: sectionproperties.greetingtextfontsize + 'px',
       fontWeight: 400
     })
+    // searchicon: css({
+    //     color: sectionproperties.searchbaricon_color,
+    //     cursor: 'pointer',
+    //     transition: '.3s',
+    //     ':hover': {
+    //         color: sectionproperties.searchbariconcoloronhover,
+    //     },
+    // }),
   };
+
   return /*#__PURE__*/React.createElement("div", {
     "class": "row ml-0 mr-0 w-100 d-flex align-items-center justify-content-center ",
     style: {
@@ -23631,7 +23750,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 d-flex align-items-center p-0 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.upperheadersection + ' w-100 plr-1025-0 '
+    "class": header_cssstyles.upperheadersection + ' w-100 plr-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
@@ -23755,7 +23874,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": " ".concat(header_cssstyles.lowerSection) + ' row m-0  w-100 d-flex flex-row align-items-center h-100 '
+    "class": " ".concat(header_cssstyles.lowerSection) + ' row m-0  w-100 d-flex flex-row align-items-center h-100 plr-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-2 p-0 justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
@@ -23893,7 +24012,9 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }), langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
@@ -23972,6 +24093,8 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement(Subheader, {
@@ -26680,14 +26803,11 @@ var Allinonefooter = function Allinonefooter(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
+    "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak ',
     style: {
-      fontSize: sectionproperties.generaltext_fontSize + 'px',
-      fontWeight: sectionproperties.generaltext_fontWeight,
-      color: sectionproperties.generaltext_fontColor,
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
   }, /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -26712,7 +26832,7 @@ var Allinonefooter = function Allinonefooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Social Media' : 'تواصل معنا')), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
@@ -36849,7 +36969,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.width == 100 ? 'row m-0 w-md-100' : 'row m-0 w-md-95',
+    "class": sectionproperties.width == 100 ? 'row m-0 w-md-100 px-1025-1 pl-md-2 pr-md-2' : 'row m-0 w-md-95 px-1025-1 pl-md-2 pr-md-2',
     style: {
       width: sectionproperties.width + 'vw',
       position: 'relative',
@@ -36887,10 +37007,10 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
     style: {
       zIndex: 1
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.cardsdirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex align-items-center",
+    "class": 'col-lg-12 p-0 d-flex align-items-center',
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
     }
@@ -36911,7 +37031,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
       textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex align-items-center",
+    "class": 'col-lg-12 p-0 d-flex align-items-center',
     style: {
       justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
     }
@@ -36932,7 +37052,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
       textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex align-items-center",
+    "class": 'col-lg-12 p-0 d-flex align-items-center mt-md-3',
     style: {
       justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
     }
@@ -36949,6 +37069,72 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
         window.open(sectionproperties.btnlink, '_blank');
       }
     }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.cardsdirection == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 col-md-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles.sectionTitleStyles + ' p-0 d-flex d-sm-none '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles.sectionTitleStyles + ' p-0 d-none d-sm-flex  '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont wordbreak m-0 p-0 ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL wordbreak m-0 p-0 ' : '  wordbreak m-0 p-0 ',
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles.descriptionStyles + ' p-0 d-flex d-sm-none '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles.descriptionStyles + ' p-0 d-none d-sm-flex  '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : sectionproperties.descFontFamily == 'ASUL' ? ' ASUL  m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak ',
+    style: {
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px',
+      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))))), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-3 col-md-12 p-0 d-flex align-items-center mt-md-3 justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": sectionstyles.btnStyles,
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i3;
+        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber) != null) {
+          var _authdetailsContext$i4;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.whatsappnumber), '_blank');
+        }
+      } else {
+        window.open(sectionproperties.btnlink, '_blank');
+      }
+    }
   }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
 };
 
@@ -37054,7 +37240,7 @@ var AboutSection = function AboutSection(props) {
   var imagesection = function imagesection() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        height: sectionproperties.image_height + 'px',
+        height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
         overflow: 'hidden'
       },
       "class": "h-sm-auto"
@@ -37065,7 +37251,7 @@ var AboutSection = function AboutSection(props) {
       path: bgimagesarray.length != 0 ? bgimagesarray[0].bgsection_image : '',
       style: {
         width: '100%',
-        height: sectionproperties.image_height + 'px',
+        height: sectionproperties.image_height != 0 ? sectionproperties.image_height + 'px' : 'auto',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
         borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -37076,106 +37262,155 @@ var AboutSection = function AboutSection(props) {
       }
     }));
   };
+  var SectionContent = function SectionContent() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "row ml-0 mr-0 w-100 mb-auto",
+      style: {
+        paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex justify-content-md-center p-0",
+      style: {
+        marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row ml-0 mr-0 w-100 mb-auto"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex justify-content-md-center p-0",
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+      }
+    }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("p", {
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        color: sectionproperties.sectionTitleColor,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": "".concat(section_styles.sectiontitlespan)
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        color: sectionproperties.sectionTitleColor,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React.createElement("div", {
+      "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": 'p-md-0 justify-content-md-center wordbreak text-md-center w-100',
+      style: {
+        position: 'relative',
+        fontSize: sectionproperties.prodCatFontSize + 'px',
+        color: sectionproperties.prodCatColor,
+        fontWeight: sectionproperties.prodCatFontWeight,
+        marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+        paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
+      }
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
+      "class": 'col-lg-12 d-flex justify-content-center mb-3 p-0 pl-md-2 pr-md-2'
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
+      style: {
+        position: 'relative',
+        fontSize: sectionproperties.generaltext_fontSize + 'px',
+        color: sectionproperties.generaltext_fontColor,
+        fontWeight: sectionproperties.generaltext_fontWeight,
+        marginBottom: sectionproperties.text_styles_marginBottom + 'px',
+        textAlign: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start'
+      },
+      dangerouslySetInnerHTML: {
+        __html: langdetect == 'en' ? sectionproperties.textstylesen_editor : sectionproperties.textstylesar_editor
+      }
+    })), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": sectionproperties.numberOfColsvertical == '6' ? 'col-lg-2 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '1' ? 'col-lg-12 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex mb-4' : sectionproperties.numberOfColsvertical == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex mb-3' : sectionproperties.numberOfColsvertical == '4' ? 'col-lg-3 col-md-6 col-sm-12 d-flex mb-3' : 'col-lg-6 col-md-6 col-sm-12 d-flex mb-3'
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": sectionproperties.cardsdirection == 'Horizontal' ? 'row m-0 w-100 d-flex flex-column' : 'row m-0 w-100 d-flex flex-row allcentered'
+      }, cardsarray[cardinfoindex].cardobj_img == null && /*#__PURE__*/React.createElement("p", {
+        "class": "MonotonCursive mt-n2 p-0 m-0",
+        style: {
+          color: sectionproperties.iconcontainercolor,
+          fontSize: sectionproperties.icontextfontsize + 'px',
+          whiteSpace: 'nowrap'
+        }
+      }, "0", cardinfoindex + 1), cardsarray[cardinfoindex].cardobj_img != '' && cardsarray[cardinfoindex].cardobj_img != null && /*#__PURE__*/React.createElement("div", {
+        "class": sectionproperties.cardsdirection == 'Horizontal' ? 'p-0 m-0 allcentered' : 'p-0 m-0 mb-2 allcentered',
+        style: {
+          width: sectionproperties.iconcontainerwidth + 'vh',
+          height: sectionproperties.iconcontainerheight + 'vh',
+          background: sectionproperties.iconcontainerbg,
+          borderRadius: sectionproperties.iconcontainerborderbl + 'px'
+        }
+      }, /*#__PURE__*/React.createElement(IKImage, {
+        "class": "h-sm-auto",
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: cardsarray[cardinfoindex].cardobj_img,
+        style: {
+          width: sectionproperties.icontextfontsize + '%',
+          height: sectionproperties.icontextfontsize + '%',
+          objectFit: 'contain'
+        }
+      })), /*#__PURE__*/React.createElement("div", {
+        "class": sectionproperties.cardsdirection == 'Horizontal' ? sectionproperties.numberOfColsvertical == '1' ? 'col-lg-10 col-md-10 col-sm-10 d-flex flex-column pl-3 align-items-center' : 'col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3 align-items-center' : 'col-lg-12 col-md-12 col-sm-12 d-flex flex-column pl-3 align-items-center'
+      }, /*#__PURE__*/React.createElement("p", {
+        "class": sectionproperties.slideshowText2ContentFontSize != 0 ? 'mb-0 p-0 wordbreak wordbreak1 w-100' : 'mb-auto mt-auto p-0 wordbreak wordbreak1 w-100',
+        style: {
+          fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+          color: sectionproperties.slideshowText1ContentColor,
+          fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+          textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
+        }
+      }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), sectionproperties.slideshowText2ContentFontSize != 0 && /*#__PURE__*/React.createElement("p", {
+        "class": "m-0 p-0 wordbreak wordbreak3 w-100",
+        style: {
+          color: sectionproperties.slideshowText2ContentColor,
+          fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+          fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+          textAlign: sectionproperties.cardsdirection == 'Horizontal' ? langdetect == 'en' ? 'left' : 'right' : 'center'
+        }
+      }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
+    }));
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 d-flex justify-content-center w-100 align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": section_styles.cards_sections + ' col-lg-12 pl-md-2 pr-md-2 '
-  }, /*#__PURE__*/React.createElement("div", {
+    "class": section_styles.cards_sections + ' w-100 pl-md-2 pr-md-2 '
+  }, sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 d-flex justify-content-center w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
   }, imagesection()), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
+  }, SectionContent()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
+  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 d-flex justify-content-center w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 mb-auto",
-    style: {
-      paddingTop: sectionproperties.sectionTitleMarginTop + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-md-center p-0",
-    style: {
-      marginTop: sectionproperties.slideshowText1Content_marginTop + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row ml-0 mr-0 w-100 mb-auto"
+    "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
+  }, SectionContent()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
+  }, imagesection()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
+  }, imagesection())), sectionproperties.sectionstyle == 'Image on right' && langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 d-flex justify-content-center w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-md-center p-0",
-    style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-    }
-  }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("p", {
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(section_styles.sectiontitlespan)
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-md-center p-0",
-    style: {
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
-    }
-  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("p", {
-    className: langdetect == 'en' ? 'pl-3 wordbreak text-md-center' : 'pr-3 wordbreak text-md-center',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
-    style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-12 d-flex justify-content-center mb-3 pl-md-2 pr-md-2'
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": 'p-md-0 justify-content-md-center wordbreak text-md-center',
-    style: {
-      position: 'relative',
-      fontSize: sectionproperties.prodCatFontSize + 'px',
-      color: sectionproperties.prodCatColor,
-      fontWeight: sectionproperties.prodCatFontWeight,
-      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
-    }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-6 d-flex mb-3"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-flex flex-row"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "MonotonCursive mt-n2 p-0 m-0",
-      style: {
-        color: sectionproperties.generaltext_fontColor,
-        fontSize: sectionproperties.generaltext_fontSize + 'px',
-        whiteSpace: 'nowrap'
-      }
-    }, "0", cardinfoindex + 1), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-9 col-md-9 col-sm-9 d-flex flex-column pl-3"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0 wordbreak wordbreak1",
-      style: {
-        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-        color: sectionproperties.slideshowText1ContentColor,
-        fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear), /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0 wordbreak wordbreak3",
-      style: {
-        color: sectionproperties.slideshowText2ContentColor,
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
-  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-4 d-flex d-md-none justify-content-end justify-content-md-center p-md-0 align-items-center"
+  }, imagesection()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6 mb-md-3 d-flex justify-content-start h-100"
+  }, SectionContent()), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 d-none d-md-flex justify-content-end justify-content-md-center pl-3 pr-3"
   }, imagesection()))));
 };
@@ -38523,7 +38758,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
     "class": sectionStyles.line_right
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 d-md-none ',
+    "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 ',
     style: {
       justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
       marginBottom: sectionproperties.descriptionMarginBottom + 'px',
@@ -38553,7 +38788,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
         borderRadius: sectionproperties.reservation_borderradius + 'px',
-        border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
+        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
@@ -38562,7 +38798,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center",
+      "class": 'd-flex align-items-center',
       style: {
         width: sectionproperties.image_width + 'px',
         height: sectionproperties.image_height + 'px',
@@ -38571,15 +38807,15 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
         background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
       }
     }, /*#__PURE__*/React.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
       path: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
       style: {
-        maxHeight: '100%',
-        maxWidth: '100%',
+        maxHeight: sectionproperties.iconcontainerwidth + '%',
+        maxWidth: sectionproperties.iconcontainerwidth + '%',
         objectFit: 'contain'
       }
     }))), /*#__PURE__*/React.createElement("div", {
@@ -40057,6 +40293,9 @@ var Slideshowzoom = function Slideshowzoom(props) {
       "class": "".concat(slideshow_styles.slideshow_btn) + ' allcentered ',
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
+      },
+      style: {
+        direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(IoIosArrowRoundForward, {
       size: 20
@@ -41785,7 +42024,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
   }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.transition == 'Show By Default' ? "".concat(card_cssstyles.floating_content_show) + ' row m-0 align-items-center justify-content-center ' : "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
   }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(card_cssstyles.button_styles) + '',
+    "class": sectionproperties.cartBtnShow == 'Hide' ? "".concat(card_cssstyles.button_styles) + ' ml-2 mr-2 ' : "".concat(card_cssstyles.button_styles) + ' ml-2 mr-2 ',
     onClick: function onClick(e) {
       e.stopPropagation();
       routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
@@ -41857,10 +42096,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered addbtn"
   }, /*#__PURE__*/React.createElement(FiPlus, null))))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
-    "class": " ".concat(card_cssstyles.wishlist_btn) + '',
+    "class": sectionproperties.cartBtnShow == 'Hide' ? "".concat(card_cssstyles.wishlist_btn) + '' : "".concat(card_cssstyles.wishlist_btn) + ' ml-2 mr-2 ',
     onClick: function onClick(e) {
       e.stopPropagation();
       addtofavoritescontext(item.productid);
+    },
+    style: {
+      background: item.IsFavExists == true ? sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.activebgcolor : ''
     }
   }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -44350,7 +44592,11 @@ var Card23 = function Card23(props) {
     style: {
       width: '100%',
       height: '100%',
-      objectFit: 'contain'
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+      borderBottomLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px' : 0,
+      borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
+      borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
+      borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
     },
     loading: "lazy",
     onClick: function onClick() {
@@ -46590,7 +46836,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
   }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar))))));
 };
 
-var css_248z$6 = ".categorycard-module_img__3WuXu{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: all .4s ease;\n  overflow: hidden !important;\n}\n.categorycard-module_container__pJHqx:hover .categorycard-module_img__3WuXu{\n  transform: scale(1.2);\n  overflow: hidden;\n}\n.categorycard-module_buttons_container__tZolu {\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  opacity:  0;\n  width: 100%;\n  text-align: start;\n  transition: all, 0.3s;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n}\n.categorycard-module_buttons_container__tZolu li {\n  list-style: none;\n  display: inline-block;\n  position: relative;\n  transition: all 0.4s ease 0.1s;\n    -webkit-transition: all 0.4s ease 0.1s;\n    -o-transition: all 0.4s ease 0.1s;\n}\n.categorycard-module_buttons_container__tZolu li span {\n  display: block;\n  transition: all, 0.3s;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n}\n.categorycard-module_container__pJHqx:hover .categorycard-module_buttons_container__tZolu {\n    bottom: 40px !important;\n    opacity: 1;\n}\n.categorycard-module_text__lXtJq {\n  position: absolute;\n  bottom: 60px;\n  opacity:  1;\n  width: 100%;\n  text-align: start;\n  -webkit-transition: all, 0.3s;\n  -moz-transition: all, 0.3s;\n  -ms-transition: all, 0.3s;\n  -o-transition: all, 0.3s;\n  transition: all, 0.3s;\n}\n.categorycard-module_text__lXtJq li {\n  list-style: none;\n  display: inline-block;\n  position: relative;\n  -webkit-transition: all 0.4s ease 0.1s;\n  -o-transition: all 0.4s ease 0.1s;\n  transition: all 0.4s ease 0.1s;\n}\n.categorycard-module_text__lXtJq li span {\n  display: block;\n  -webkit-transition: all, 0.3s;\n  -moz-transition: all, 0.3s;\n  -ms-transition: all, 0.3s;\n  -o-transition: all, 0.3s;\n  transition: all, 0.3s;\n}\n.categorycard-module_text__lXtJq li span i {\n  position: relative;\n  transform: rotate(0);\n  -webkit-transition: all, 0.2s;\n  -moz-transition: all, 0.2s;\n  -ms-transition: all, 0.2s;\n  -o-transition: all, 0.2s;\n  transition: all, 0.2s;\n}\n.categorycard-module_container__pJHqx:hover .categorycard-module_text__lXtJq {\n  bottom: 80px !important;\n  opacity: 1;\n}\n";
+var css_248z$6 = ".categorycard-module_img__3WuXu{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: all .4s ease;\n  overflow: hidden !important;\n}\n.categorycard-module_container__pJHqx:hover .categorycard-module_img__3WuXu{\n  transform: scale(1.2);\n  overflow: hidden;\n}\n.categorycard-module_buttons_container__tZolu {\n  position: absolute;\n  left: 0;\n  bottom: 20px;\n  opacity:  0;\n  width: 100%;\n  text-align: start;\n  transition: all, 0.3s;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n}\n.categorycard-module_buttons_container__tZolu li {\n  list-style: none;\n  display: inline-block;\n  position: relative;\n  transition: all 0.4s ease 0.1s;\n    -webkit-transition: all 0.4s ease 0.1s;\n    -o-transition: all 0.4s ease 0.1s;\n}\n.categorycard-module_buttons_container__tZolu li span {\n  display: block;\n  transition: all, 0.3s;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n}\n.categorycard-module_container__pJHqx:hover .categorycard-module_buttons_container__tZolu {\n    bottom: 40px !important;\n    opacity: 1;\n}\n.categorycard-module_text__lXtJq {\n  position: absolute;\n  opacity:  1;\n  width: 100%;\n  text-align: start;\n  -webkit-transition: all, 0.3s;\n  -moz-transition: all, 0.3s;\n  -ms-transition: all, 0.3s;\n  -o-transition: all, 0.3s;\n  transition: all, 0.3s;\n}\n.categorycard-module_text__lXtJq li {\n  list-style: none;\n  display: inline-block;\n  position: relative;\n  -webkit-transition: all 0.4s ease 0.1s;\n  -o-transition: all 0.4s ease 0.1s;\n  transition: all 0.4s ease 0.1s;\n}\n.categorycard-module_text__lXtJq li span {\n  display: block;\n  -webkit-transition: all, 0.3s;\n  -moz-transition: all, 0.3s;\n  -ms-transition: all, 0.3s;\n  -o-transition: all, 0.3s;\n  transition: all, 0.3s;\n}\n.categorycard-module_text__lXtJq li span i {\n  position: relative;\n  transform: rotate(0);\n  -webkit-transition: all, 0.2s;\n  -moz-transition: all, 0.2s;\n  -ms-transition: all, 0.2s;\n  -o-transition: all, 0.2s;\n  transition: all, 0.2s;\n}\n.categorycard-module_container__pJHqx:hover .categorycard-module_text__lXtJq {\n  /* bottom: 80px !important; */\n  opacity: 1;\n}\n";
 var cardstyles$1 = {"img":"categorycard-module_img__3WuXu","container":"categorycard-module_container__pJHqx","buttons_container":"categorycard-module_buttons_container__tZolu","text":"categorycard-module_text__lXtJq"};
 styleInject(css_248z$6);
 
@@ -46619,23 +46865,15 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     _useState6[0];
     _useState6[1];
   useEffect(function () {
-    if (props.srcfrom == 'addsectionform') {
-      var secpropobj = {};
-      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
-        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
-      });
-      setsectionproperties(_objectSpread$k({}, secpropobj));
-    } else {
-      var secpropobj = {};
-      StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
-        if (sectionitem.sectionid == props.sectionidprops) {
-          sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
-            secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
-          });
-        }
-      });
-      setsectionproperties(_objectSpread$k({}, secpropobj));
-    }
+    var secpropobj = {};
+    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+      if (sectionitem.sectionid == props.sectionidprops) {
+        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+        });
+      }
+    });
+    setsectionproperties(_objectSpread$k({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     setitem(props.cardinfoitemprops);
@@ -46681,6 +46919,9 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
         opacity: sectionproperties.cardtransitionbgopacityonhover
       }
     }),
+    text: css({
+      bottom: sectionproperties.generaltext_topposition + 'px'
+    }),
     categoryname: css({
       color: sectionproperties.generaltext_fontColor,
       textTransform: sectionproperties.generaltext_textTransform,
@@ -46704,10 +46945,15 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
       ':hover': {
         color: sectionproperties.generalbtn_textColoronhover
       }
+    }),
+    container: css({
+      ':hover .text': {
+        bottom: parseFloat(parseInt(sectionproperties.generaltext_topposition) + 20) + 'px'
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": cardstyles$1.container + ' row m-0 w-100 ',
+    "class": "".concat(cardstyles$1.container, " ").concat(card_cssstyles.container) + ' row m-0 w-100 ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -46732,19 +46978,22 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     loading: "lazy"
   }), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("ul", {
     style: {
-      width: '90%'
+      width: sectionproperties.generaltext_position == 'Centered' ? '100%' : '90%'
     },
-    "class": "".concat(cardstyles$1.text) + ' m-0 p-0 '
+    "class": "".concat(cardstyles$1.text, " ").concat(card_cssstyles.text) + ' text m-0 p-0 '
   }, /*#__PURE__*/React.createElement("li", {
+    "class": sectionproperties.generaltext_position == 'Centered' ? 'cursor-pointer' : langdetect == 'en' ? 'ml-3 cursor-pointer ' : 'mr-3 cursor-pointer ',
     style: {
+      display: 'flex',
+      justifyContent: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start',
       zIndex: 10000
-    },
-    "class": langdetect == 'en' ? 'ml-3 cursor-pointer ' : 'mr-3 cursor-pointer '
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
+    }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 '
-  }, item.name))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("ul", {
+    "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 ',
+    style: {
+      fontStyle: sectionproperties.generaltext_position == 'Centered' ? 'normal' : 'italic'
+    }
+  }, item.name))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("ul", {
     "class": "".concat(cardstyles$1.buttons_container) + ' m-0 p-0 '
   }, /*#__PURE__*/React.createElement("li", {
     style: {
@@ -46772,19 +47021,22 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     loading: "lazy"
   }), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("ul", {
     style: {
-      width: '90%'
+      width: sectionproperties.generaltext_position == 'Centered' ? '100%' : '90%'
     },
-    "class": "".concat(cardstyles$1.text) + ' m-0 p-0 '
+    "class": "".concat(cardstyles$1.text, " ").concat(card_cssstyles.text) + ' text m-0 p-0 '
   }, /*#__PURE__*/React.createElement("li", {
+    "class": sectionproperties.generaltext_position == 'Centered' ? 'cursor-pointer' : langdetect == 'en' ? 'ml-3 cursor-pointer ' : 'mr-3 cursor-pointer ',
     style: {
+      display: 'flex',
+      justifyContent: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start',
       zIndex: 10000
-    },
-    "class": langdetect == 'en' ? 'ml-3 cursor-pointer ' : 'mr-3 cursor-pointer '
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
+    }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 '
-  }, item.name))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("ul", {
+    "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 ',
+    style: {
+      fontStyle: sectionproperties.generaltext_position == 'Centered' ? 'normal' : 'italic'
+    }
+  }, item.name))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("ul", {
     "class": "".concat(cardstyles$1.buttons_container) + ' m-0 p-0 '
   }, /*#__PURE__*/React.createElement("li", {
     style: {
@@ -47035,7 +47287,8 @@ var Horizontalcard = function Horizontalcard(props) {
       transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcoloronhover,
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     productDescStyles: css({
@@ -47149,7 +47402,10 @@ var Horizontalcard = function Horizontalcard(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 '
+    "class": card_cssstyles.productNameStyles + ' m-0 p-0 wordbreak wordbreak2 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
   }, item.name)), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 col-md-3 col-sm-3 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React.createElement("button", {
@@ -47189,12 +47445,12 @@ var Horizontalcard = function Horizontalcard(props) {
     "class": "col-lg-12 p-0 d-flex align-items-center"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": card_cssstyles.productPricestyles + ' m-0 p-0 '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), item.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("p", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), item.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": card_cssstyles.productSalePricestyles + ' m-0 p-0  ml-2 mr-2 ',
     style: {
       textDecoration: 'line-through'
     }
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center mt-2"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
     "class": card_cssstyles.cart_btn,
@@ -51237,6 +51493,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
       paddingBottom: sectionproperties.paddingBottom + 'px',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       color: sectionproperties.generaltext_fontColor,
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       transition: '.3s',
       cursor: 'pointer',
       ':hover .categoryname': {
@@ -51250,7 +51507,6 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       height: sectionproperties.image_height + 'px',
-      width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : '100%',
       marginBottom: sectionproperties.image_mb + 'px',
       overflow: 'hidden',
       position: 'relative',
@@ -51304,26 +51560,30 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   }, /*#__PURE__*/React.createElement("div", {
     "class": " row m-0 w-100 allcentered"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": card_cssstyles.imagecontainer + ' d-flex d-sm-none '
+    "class": card_cssstyles.imagecontainer + ' d-flex d-sm-none align-items-center justify-content-center ',
+    style: {
+      width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : '100%'
+    }
   }, /*#__PURE__*/React.createElement(IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
-      width: '100%',
-      height: '100%',
+      width: sectionproperties.image_width + '%',
+      height: sectionproperties.image_width + '%',
       objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
+      borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
+      borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0,
+      borderBottomLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px' : 0,
+      borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0
     },
     loading: "lazy"
   })), /*#__PURE__*/React.createElement("div", {
     "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
     style: {
-      height: sectionproperties.height_responsive + 'px'
+      height: sectionproperties.height_responsive + 'px',
+      width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
     }
   }, /*#__PURE__*/React.createElement(IKImage, {
     urlEndpoint: IKurlEndpoint,