tabexseriescomponents 0.0.216 → 0.0.219

package/dist/index.cjs.js

@@ -1141,10 +1141,6 @@ var Product_itemtype = function Product_itemtype(props) {
       paddingLeft: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1234,7 +1230,7 @@ var Product_itemtype = function Product_itemtype(props) {
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
       color: sectionproperties.defaultSalePriceColor
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 d-flex align-items-center justift-content-start"
@@ -1828,7 +1824,7 @@ var Product_itemtype = function Product_itemtype(props) {
     TabIndicatorProps: {
       style: {
         background: sectionproperties.activetabbordercolor,
-        width: '50%',
+        // width: '50%',
         right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
         margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : ''
       }
@@ -1961,7 +1957,7 @@ var Product_itemtype = function Product_itemtype(props) {
     dangerouslySetInnerHTML: {
       __html: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policycontent_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policycontent_ar
     }
-  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, relatedproducts()));
 };
@@ -13466,7 +13462,7 @@ var ClassicHeader = function ClassicHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' col-lg-12 d-flex align-items-center '
+    "class": ' col-lg-12 d-flex align-items-center p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.upperHeaderSection) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22606,7 +22602,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' col-lg-6 p-0 d-flex flex-row align-items-center justify-content-start '
+    "class": ' col-lg-7 p-0 d-flex flex-row align-items-center justify-content-start '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(headerstyles$2.nav__item) + 'scrollhorizontal w-100 align-items-center justify-content-start',
     style: {
@@ -22634,7 +22630,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       subheadercontentpositionprops: 'start'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
+    "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -22663,7 +22659,10 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": header_cssstyles.greetingstyles + ' m-0 p-0 mb-1 '
   }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 '
+    "class": header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 ',
+    style: {
+      maxWidth: '100px'
+    }
   }, authdetailsContext.customerinfo.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {
@@ -25046,13 +25045,12 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(headerstyles.nav__item) + ' col-lg-4 col-md-4 p-0 align-tems-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement("nav", {
-    "class": headerstyles.navbar + ' scrollhorizontal align-tems-center justify-content-center ',
+    "class": headerstyles.navbar + ' scrollhorizontal navbar align-tems-center justify-content-center ',
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isselected) ;
-    if (item.isnavigation == 1 && item.isactive == 1) ;
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React__default["default"].createElement("li", {
         "class": "".concat(header_cssstyles.navbar_item_text) + ' cursor-pointer allcentered ',
@@ -27070,7 +27068,6 @@ var Footer5 = function Footer5(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     logoarrayofobjects = _useState6[0],
     setlogoarrayofobjects = _useState6[1];
-  props.actions.history;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -28221,7 +28218,7 @@ var Footer7 = function Footer7(props) {
 function ownKeys$1f(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$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer8 = function Footer8(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i12, _authdetailsContext$i13, _templatepropcontext$;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i8, _authdetailsContext$i9, _templatepropcontext$;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -28374,6 +28371,14 @@ var Footer8 = function Footer8(props) {
       backgroundColor: sectionproperties.vl_bg,
       marginBottom: sectionproperties.divider_mb + 'px',
       marginTop: sectionproperties.divider_mt + 'px'
+    }),
+    appstore: glamor.css({
+      width: '100%',
+      objectFit: 'contain'
+    }),
+    googleplay: glamor.css({
+      width: '100%',
+      objectFit: 'contain'
     })
   };
   React.useEffect(function () {
@@ -28426,13 +28431,13 @@ var Footer8 = function Footer8(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.description_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.description_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5 p-sm-0'
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 align-items-center mb-md-3' : 'col-lg-4 col-md-12 col-sm-12 align-items-center mb-md-3 p-sm-0'
+  }, sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.textStyles) + ' m-0 p-0 mb-3 mb-md-1 wordbreak d-none ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Address' : 'العنوان'), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.addresstitle_en : sectionproperties.addresstitle_ar), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 mb-3 mb-md-0 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 '
@@ -28441,43 +28446,37 @@ var Footer8 = function Footer8(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.address_en))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 ml-3 d-flex align-items-center justify-content-start"
-  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
-      }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.address_en))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 justify-content-start align-items-center mb-md-4 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(footerStyles.textStyles) + ' m-0 p-0 mb-2 mb-md-1 wordbreak ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
-    size: sectionproperties.facebkbtnniconfontsize
-  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+  }, langdetect == 'en' ? 'Download The App' : 'حمل التطبيق')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect == 'en' ? 'col-lg-4 col-md-3 col-sm-6 p-0 pr-2' : 'col-lg-4 col-md-3 col-sm-6 p-0 pl-2'
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    "class": "".concat(footerStyles.appstore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
+    src: appstore,
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
-        var _authdetailsContext$i7;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
-      }
+      var _authdetailsContext$i4;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.mobileapplink_appstore, '_blank');
     }
-  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
-    size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect == 'en' ? 'col-lg-4 col-md-3 col-sm-6 pl-0' : 'col-lg-4 col-md-3 col-sm-6 pr-0'
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
+    src: googleplay,
     onClick: function onClick() {
-      var _authdetailsContext$i8;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null) {
-        var _authdetailsContext$i9;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber), '_blank');
-      }
+      var _authdetailsContext$i5;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.mobileapplink_playstore, '_blank');
     }
-  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
-    size: sectionproperties.youtubebtniconfontsize
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3 p-sm-0'
+  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mb-md-3' : 'col-lg-4 col-md-12 col-sm-12 mb-md-3 p-sm-0'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28487,13 +28486,13 @@ var Footer8 = function Footer8(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Say Hello' : 'قل مرحبا')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-2 mb-md-0 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.showdownloadsection == 'Show' ? footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer ' : footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer ',
+    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i10, _authdetailsContext$i11;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : (_authdetailsContext$i11 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
+      var _authdetailsContext$i6, _authdetailsContext$i7;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : (_authdetailsContext$i7 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.iconTextStyle) + ' p-0 m-0 wordbreak text-transform-none footerinfo pb-1 ',
@@ -28502,10 +28501,10 @@ var Footer8 = function Footer8(props) {
       borderBottomStyle: 'solid',
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : (_authdetailsContext$i13 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.contactinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.email))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mt-2 mt-md-1 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.showdownloadsection == 'Show' ? footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer ' : footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer ',
+    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
     }
@@ -28514,7 +28513,42 @@ var Footer8 = function Footer8(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)))))), sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex align-items-center justify-content-start mt-3'
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _authdetailsContext$i10;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.facebooklink) != null) {
+        var _authdetailsContext$i11;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i12;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instagramlink) != null) {
+        var _authdetailsContext$i13;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _authdetailsContext$i14;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null) {
+        var _authdetailsContext$i15;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber), '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  })))))), sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.divider) + ' '
@@ -28525,22 +28559,28 @@ var Footer8 = function Footer8(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-md-center flex-row flex-md-column"
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-md-center flex-row "
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' scrollhorizontal-lg w-100 d-flex align-items-center h-100 flex-md-column '
   }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React__default["default"].createElement("p", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "scrollhorizontalcard d-md-flex justify-content-md-start w-md-100"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
         onClick: function onClick() {
           routingcountext(item.navigationroute);
         },
-        "class": "".concat(footerStyles.subPages) + ' wordbreak ',
+        "class": "".concat(footerStyles.subPages) + ' wordbreak  ',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right',
           marginRight: langdetect == 'en' ? '20px' : 0,
           marginLeft: langdetect == 'ar' ? '20px' : 0
         }
-      }, langdetect == 'en' ? item.pagename : item.pagename_ar);
+      }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  }), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+  }), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "scrollhorizontalcard d-md-flex justify-content-md-start w-md-100"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Policies);
     },
@@ -28550,7 +28590,9 @@ var Footer8 = function Footer8(props) {
       marginRight: langdetect == 'en' ? '20px' : 0,
       marginLeft: langdetect == 'ar' ? '20px' : 0
     }
-  }, lang.policies), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, lang.policies)), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "scrollhorizontalcard d-md-flex justify-content-md-start w-md-100"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.subPages) + ' wordbreak ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -28560,7 +28602,9 @@ var Footer8 = function Footer8(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
-  }, lang.wishlist), authdetailsContext.loggedin && sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, lang.wishlist)), authdetailsContext.loggedin && sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "scrollhorizontalcard d-md-flex justify-content-md-start w-md-100"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.subPages) + ' wordbreak ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
@@ -28570,7 +28614,7 @@ var Footer8 = function Footer8(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.orderhistory)))));
+  }, lang.orderhistory)))))));
 };
 
 function ownKeys$1e(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; }
@@ -30308,6 +30352,18 @@ var ModernCardsSection = function ModernCardsSection(props) {
         cardobj.productimages = arrayItem.productinfo.productimages;
         cardobj.quantity = itemquantity;
         cardobj.timestamp = arrayItem.productinfo.timestamp;
+        if (langdetect == 'en') {
+          cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
+        } else {
+          cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_ar;
+        }
+        if (favoriteprojectscountContext != undefined && favoriteprojectscountContext.length != 0) {
+          favoriteprojectscountContext.forEach(function (favitem, favindex) {
+            if (arrayItem.productinfo.productid == favitem) {
+              cardobj.IsFavExists = true;
+            }
+          });
+        }
         if (favoriteprojectscountContext != undefined && favoriteprojectscountContext.length != 0) {
           favoriteprojectscountContext.forEach(function (favitem, favindex) {
             if (arrayItem.productinfo.productid == favitem) {
@@ -30464,13 +30520,13 @@ var ModernCardsSection = function ModernCardsSection(props) {
         color: sectionproperties.noprod_iconcolor
       }
     }), /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0 mt-2",
       style: {
-        fontSize: sectionproperties.noprod_fontSize + 'px',
         fontWeight: sectionproperties.noprod_fontWeight,
-        textTransform: sectionproperties.noprod_textTransform,
-        color: sectionproperties.noprod_color
+        color: sectionproperties.noprod_color,
+        fontSize: sectionproperties.noprod_fontSize + 'px'
       }
-    }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
+    }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))), cardsarray.length != 0 && StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
       if (item.tabexsectioninfo != null) {
         if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
           var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
@@ -30481,7 +30537,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : 'scrollmenuclassnameitem',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -34113,9 +34169,11 @@ var BackgroundSectionWithServicesCards = function BackgroundSectionWithServicesC
     "class": ' row m-0 w-100 align-items-center justify-content-center '
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3"
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex flex-column align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "m-lg-auto d-flex justify-content-center"
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 m-lg-auto d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         width: 40,
@@ -34158,7 +34216,9 @@ var BackgroundSectionWithServicesCards = function BackgroundSectionWithServicesC
         textTransform: sectionproperties.slideshowText2ContentTextTransform,
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
+    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))), cardinfoindex != cardsarray.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 d-none d-md-block"
+    }, /*#__PURE__*/React__default["default"].createElement("hr", null))));
   })))));
 };
 
@@ -36188,7 +36248,12 @@ var Freetextsection = function Freetextsection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center ',
+    "class": "w-100 allcentered",
+    style: {
+      background: sectionproperties.backgroundColor
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -36197,7 +36262,9 @@ var Freetextsection = function Freetextsection(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      position: 'relative'
+      position: 'relative',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      width: sectionproperties.width + 'vw'
     }
   }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_styles.imgcontainer
@@ -36264,7 +36331,7 @@ var Freetextsection = function Freetextsection(props) {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(section_styles.btn)
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
 };
 
 function ownKeys$Q(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; }
@@ -36403,15 +36470,22 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   };
   var Content = function Content() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center p-0"
+      "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0",
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+        paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+        paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 mb-auto"
+      "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+      "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
       style: {
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
         marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-        marginTop: sectionproperties.sectionTitleMarginTop + 'px'
+        marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+        alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
@@ -36491,7 +36565,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
       style: {
-        cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+        cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default',
+        background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
       },
       onClick: function onClick() {
         var _imagesarray$2;
@@ -36506,10 +36581,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
           }
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+    }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar) : '',
+      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
       style: {
         width: '100%',
         height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
@@ -36524,7 +36599,17 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3',
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'col-lg-12 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100' : 'col-lg-12 d-flex justify-content-between align-items-center w-md-100',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      width: sectionproperties.width + 'vw',
+      background: sectionproperties.backgroundColor
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.paddingLeft != 0 ? 'row m-0 w-100 d-flex justify-content-between px-1025-1 pl-md-3 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -36532,22 +36617,28 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       paddingBottom: sectionproperties.paddingBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor,
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      width: sectionproperties.width + 'vw'
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px'
     }
   }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
+    "class": "col-lg-12 p-0 d-flex justify-content-between"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
+    "class": "row m-0 w-100 d-flex justify-content-between",
+    style: {
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
   }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, Image(), Content())));
+    "class": "row m-0 w-100",
+    style: {
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
+  }, Image(), Content())))));
 };
 
 function ownKeys$P(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; }
@@ -36686,6 +36777,7 @@ var Image_with_rightwords = function Image_with_rightwords(props) {
 function ownKeys$O(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$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Servicesection = function Servicesection(props) {
+  var _maincontainerarrayof;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -36718,7 +36810,34 @@ var Servicesection = function Servicesection(props) {
       }
     }
   }, [sectionproperties]);
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    maincontainerarrayofobjs = _useState6[0],
+    setmaincontainerarrayofobjs = _useState6[1];
+  React.useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      if (Array.isArray(maincontainerarrayofobjsparsed)) {
+        setmaincontainerarrayofobjs(_toConsumableArray__default["default"](maincontainerarrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var section_styles = {
+    imgcontainer: glamor.css({
+      ':before': {
+        width: '100%',
+        height: '100%',
+        background: 'rgba(0,0,0,0.6)',
+        zIndex: 1,
+        position: 'absolute',
+        content: 's',
+        fontSize: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+      }
+    }),
     sectiontitlespan: glamor.css({
       ':after': {
         width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -36733,16 +36852,22 @@ var Servicesection = function Servicesection(props) {
       }
     })
   };
+  var DescriptionContent = function DescriptionContent() {
+    return /*#__PURE__*/React__default["default"].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' : ' m-0 p-0 wordbreak',
+      style: {
+        color: sectionproperties.prodCatColor,
+        fontWeight: sectionproperties.prodCatFontWeight,
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
@@ -36751,8 +36876,38 @@ var Servicesection = function Servicesection(props) {
       boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       // border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
+      borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      position: 'relative'
+    }
+  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": section_styles.imgcontainer
+  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+    urlEndpoint: IKurlEndpoint,
+    publicKey: IKpublicKey,
+    path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
+    style: {
+      height: '100%',
+      width: '100%',
+      objectFit: 'cover',
+      margin: 0,
+      padding: 0,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: 0
     }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 px-1025-1 pl-md-3 pr-md-3 pr-sm-2 pl-sm-2",
+    style: {
+      zIndex: 1,
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
   }, sectionproperties.sectiontitleshow == 'Show' && sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
     style: {
@@ -36765,12 +36920,13 @@ var Servicesection = function Servicesection(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "".concat(section_styles.sectiontitlespan),
+    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-0 pb-0 wordbreak ' : "".concat(section_styles.sectiontitlespan) + ' mb-0 pb-0 wordbreak ',
     style: {
       color: sectionproperties.sectionTitleColor,
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       textTransform: sectionproperties.sectionTitleTextTransform,
-      fontWeight: sectionproperties.sectionTitleFontWeight
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.sectiontitleshow == 'Show' && sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
@@ -36791,7 +36947,25 @@ var Servicesection = function Servicesection(props) {
       textTransform: sectionproperties.sectionTitleTextTransform,
       fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' col-lg-12 col-md-12 col-sm-12 d-flex d-md-none align-items-center p-0 ',
+    style: {
+      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px',
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, DescriptionContent()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' col-lg-12 col-md-12 col-sm-12 d-none d-md-flex align-items-center p-0 ',
+    style: {
+      justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px',
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+    }
+  }, DescriptionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center justify-content-md-start"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36820,11 +36994,11 @@ var Servicesection = function Servicesection(props) {
         objectFit: 'cover'
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-none d-sm-flex",
+      "class": "d-none d-sm-flex mt-auto mb-auto",
       style: {
         width: 35,
         height: 35,
-        marginBottom: 'auto',
+        // marginBottom: 'auto',
         marginRight: langdetect == 'en' ? '10px' : 0,
         marginLeft: langdetect == 'ar' ? '10px' : 0
       }
@@ -36863,7 +37037,7 @@ var Servicesection = function Servicesection(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
-  })));
+  })))));
 };
 
 function ownKeys$N(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; }
@@ -39144,7 +39318,7 @@ var ContactUsSection = function ContactUsSection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": section_styles.cards_sections + ' row m-0 d-flex align-items-center h-md-100vh pl-sm-3 pr-sm-3 pb-md-5 '
+    "class": section_styles.cards_sections + ' row m-0 d-flex align-items-center h-md-150vh pl-sm-3 pr-sm-3 pb-md-5 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 h-100 ',
     style: {
@@ -40139,7 +40313,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+  }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -40154,7 +40328,21 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
     },
     loading: "lazy"
-  }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), item.image == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      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'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered text-light"
+  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+    size: 26
+  }))), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
@@ -40278,14 +40466,14 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname, ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(card_cssstyles.productSalePricestyles)
   }, " / "), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto  ml-sm-3 mr-sm-3 ',
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))));
 };
 
 function ownKeys$A(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; }
@@ -40552,7 +40740,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex d-sm-none justify-content-center align-items-center",
+    "class": "d-flex justify-content-center align-items-center",
     style: {
       height: sectionproperties.image_height + 'px',
       width: sectionproperties.image_height + 'px',
@@ -40580,41 +40768,6 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
       // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
     },
 
-    loading: "lazy"
-  }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-none d-sm-flex justify-content-center align-items-center",
-    style: {
-      height: '180px',
-      width: '180px',
-      marginBottom: sectionproperties.image_mb + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      backgroundColor: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-      position: 'relative'
-    }
-  }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey,
-    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    style: {
-      width: sectionproperties.image_width + '%',
-      height: sectionproperties.image_width + '%',
-      objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
-    },
     loading: "lazy"
   }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
@@ -40669,12 +40822,17 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2  ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
+    "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2  ml-sm-1 mr-sm-1 w-sm-130px font-sm-12 ',
     onClick: function onClick() {
-      setshowquantity(true);
+      if (sectionproperties.quantitybtn_show == 'Show') {
+        setshowquantity(true);
+      } else {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
     }
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-100px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
+    "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-130px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
     style: {
       direction: 'ltr'
     }
@@ -40799,10 +40957,19 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       transform: 'scale(0.9)',
       cursor: 'pointer',
-      ":hover": {
+      ':hover': {
         transition: '.3s',
         transform: 'scale(1)',
         boxShadow: '0px 0px 5px #ECECEC'
+      },
+      ':hover .categoryname': {
+        transition: 'all .4s ease',
+        color: sectionproperties.text_secondarycolor
+      },
+      ':hover .button_styles': {
+        backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
+        borderColor: sectionproperties.generalbtn_textColoronhover,
+        transition: 'all .4s ease'
       }
     }),
     inner_content: glamor.css({
@@ -40830,14 +40997,63 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
       ':hover': {
         backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
         borderColor: sectionproperties.generalbtn_textColoronhover,
-        transition: '.3'
+        transition: 'all .4s ease'
       }
     })
   };
+  var CardContent = function CardContent() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "w-100 h-100",
+      style: {
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+      style: {
+        height: '100%',
+        width: '100%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+      },
+      loading: "lazy"
+    }), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(card_cssstyles.inner_content) + ' row m-0 w-100 align-items-center justify-content-start pl-sm-2 pr-sm-2 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-9 col-md-9 col-sm-9 p-0 h-100 d-flex align-items-center"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "".concat(card_cssstyles.categoryname) + ' categoryname wordbreak wordbreak1 m-0 ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-3 col-md-3 col-sm-3 100 d-flex align-items-center justify-content-end p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(card_cssstyles.button_styles) + ' button_styles '
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsArrowRight.BsArrowRight, {
+      size: sectionproperties.generalbtn_fontsize,
+      style: {
+        color: sectionproperties.generalbtn_textColor,
+        ':hover': {
+          color: sectionproperties.generalbtn_textColoronhover
+        }
+      }
+    }) : /*#__PURE__*/React__default["default"].createElement(BsArrowLeft.BsArrowLeft, {
+      size: sectionproperties.generalbtn_fontsize,
+      style: {
+        color: sectionproperties.generalbtn_textColor,
+        ':hover': {
+          color: sectionproperties.generalbtn_textColoronhover
+        }
+      }
+    }))))));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": card_cssstyles.categorycard + ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center",
+    "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center d-flex d-md-none",
     onClick: function onClick() {
       if (props.fetchingtypeprops == 'collections') {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -40855,43 +41071,26 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey,
-    path: item.image,
-    style: {
-      height: '100%',
-      width: '100%',
-      objectFit: 'cover'
-    },
-    loading: "lazy"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.inner_content) + " row m-0 w-100 align-items-center justify-content-start "
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-10 p-0 h-100"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.categoryname) + '  wordbreak wordbreak1 m-0 '
-  }, item.name)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.button_styles) + ' ml-auto ' : "".concat(card_cssstyles.button_styles) + ' mr-auto '
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
-  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsArrowRight.BsArrowRight, {
-    size: sectionproperties.generalbtn_fontsize,
-    style: {
-      color: sectionproperties.generalbtn_textColor,
-      ':hover': {
-        color: sectionproperties.generalbtn_textColoronhover
+  }, CardContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center d-none d-md-flex",
+    onClick: function onClick() {
+      if (props.fetchingtypeprops == 'collections') {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+      } else {
+        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
       }
-    }
-  }) : /*#__PURE__*/React__default["default"].createElement(BsArrowLeft.BsArrowLeft, {
-    size: sectionproperties.generalbtn_fontsize,
+    },
     style: {
-      color: sectionproperties.generalbtn_textColor,
-      ':hover': {
-        color: sectionproperties.generalbtn_textColoronhover
-      }
+      position: 'relative',
+      height: sectionproperties.height_responsive + 'px',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
     }
-  }))))));
+  }, CardContent()));
 };
 
 function ownKeys$y(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; }
@@ -44682,7 +44881,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    path: item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     loading: "lazy",
     style: {
       width: '100%',