tabexseriescomponents 0.0.304 → 0.0.305

package/dist/index.esm.js

@@ -558,8 +558,8 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$2b(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$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2c(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$2c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -632,7 +632,7 @@ var Login = function Login(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$2b({}, secpropobj));
+      setsectionproperties(_objectSpread$2c({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -687,7 +687,6 @@ var Login = function Login(props) {
       borderRadius: sectionproperties.signup_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.signup_btn_color,
       fontSize: sectionproperties.signup_btn_fontSize + 'px',
-      textTransform: sectionproperties.signup_btn_texttransform,
       fontWeight: sectionproperties.signup_btn_fontweight,
       border: sectionproperties.signup_btn_borderwidth + 'px solid ' + sectionproperties.signupbtn_bordercolor,
       transition: '.3s',
@@ -737,7 +736,7 @@ var Login = function Login(props) {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.Signup);
       }
-    }, lang.signup)));
+    }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar)));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
@@ -785,15 +784,15 @@ var Login = function Login(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-5 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
   }, langdetect == 'en' ? 'E-mail or Phone number' : 'البريد الإلكترونى او رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
     type: "text",
     className: "".concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, payloadobj);
+      var temppayloadobj = _objectSpread$2c({}, payloadobj);
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2c({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -801,7 +800,7 @@ var Login = function Login(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
   }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       setshowpassword(!showpassword);
@@ -815,9 +814,9 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, payloadobj);
+      var temppayloadobj = _objectSpread$2c({}, payloadobj);
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2c({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -943,15 +942,15 @@ var Login = function Login(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
   }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
     type: "text",
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2c({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2c({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
@@ -960,15 +959,15 @@ var Login = function Login(props) {
   })), forgetpasswordstage == 'verify' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
   }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React.createElement("input", {
     type: "text",
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2c({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2c({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -976,15 +975,15 @@ var Login = function Login(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
   }, lang.password), /*#__PURE__*/React.createElement("input", {
     type: "password",
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2c({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2c({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -992,15 +991,15 @@ var Login = function Login(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(loginstyles2.logininputLabel) + ' d-flex justify-content-start '
   }, lang.confirmpassword), /*#__PURE__*/React.createElement("input", {
     type: "password",
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2c({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2c({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1012,7 +1011,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$2b({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$2c({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1079,11 +1078,11 @@ var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rig
 var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
 styleInject(css_248z$J);
 
-function ownKeys$2a(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$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2b(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$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1111,7 +1110,7 @@ var defaultstyles = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1120,7 +1119,7 @@ var defaultstyles = {
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1151,21 +1150,21 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstylesnone = {
   option: function option(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1193,7 +1192,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$2b(_objectSpread$2b({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1302,7 +1301,8 @@ var Variantoptions = function Variantoptions(props) {
             minWidth: sectionproperties.variantcontainer_minwidth + 'px',
             height: sectionproperties.variantcontainer_height + 'px',
             borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
-            position: 'relative'
+            position: 'relative',
+            border: isoptionvalueselected == 1 ? '1px solid green' : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
           }
         }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React.createElement("p", {
           "class": "m-0 p-0 bg-danger bgdanger-hover",
@@ -1317,10 +1317,11 @@ var Variantoptions = function Variantoptions(props) {
         }, /*#__PURE__*/React.createElement("i", {
           "class": "h-100 allcentered"
         }, /*#__PURE__*/React.createElement(IoMdClose, null))), /*#__PURE__*/React.createElement("p", {
-          className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
+          className: 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
           style: {
             color: sectionproperties.variantcontainer_color,
-            fontSize: sectionproperties.variantcontainer_fontSize + 'px'
+            fontSize: sectionproperties.variantcontainer_fontSize + 'px',
+            fontWeight: 500
           }
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       } else {
@@ -1556,8 +1557,8 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))));
 };
 
-function ownKeys$29(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$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2a(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$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _css, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
   props.actions.lang;
@@ -1612,9 +1613,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray(tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$2a({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$2a({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     input_label_name: css({
@@ -1719,8 +1720,8 @@ var ProductExtraFields = function ProductExtraFields(props) {
   }))));
 };
 
-function ownKeys$28(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$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$29(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$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
   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, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67;
   var lang = props.actions.lang;
@@ -1834,14 +1835,25 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "h-100 allcentered text-light"
   }, /*#__PURE__*/React.createElement(FiLayers, {
     size: 26
-  }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement(ImageGallery, {
+  }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-block d-md-none"
+  }, /*#__PURE__*/React.createElement(ImageGallery, {
     items: productimagesarray,
     thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
     showNav: false,
     showPlayButton: false,
     showFullscreenButton: true,
     startIndex: currentshowingimageindex
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-none d-md-block"
+  }, /*#__PURE__*/React.createElement(ImageGallery, {
+    items: productimagesarray,
+    thumbnailPosition: 'bottom',
+    showNav: false,
+    showPlayButton: false,
+    showFullscreenButton: true,
+    startIndex: currentshowingimageindex
+  })))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-xl-7 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-0 pr-4 p-md-0'
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
@@ -2088,11 +2100,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React.createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2106,9 +2118,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React.createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2388,8 +2400,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, StoreInfoprops())))));
 };
 
-function ownKeys$27(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$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$28(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$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Serviceinfotabs = function Serviceinfotabs(props) {
   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;
@@ -2430,7 +2442,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -2442,16 +2454,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
         NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
             quantity: diffDays
           }));
         } else {
-          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
           NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -2587,7 +2599,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     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$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
         from: event.target.value
       }));
     }
@@ -2607,7 +2619,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
     max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
         to: event.target.value
       }));
     }
@@ -2627,7 +2639,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
     max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
         date: event.target.value
       }));
       setcurrentmutatestate('/fetchserviceslots');
@@ -2678,7 +2690,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2687,7 +2699,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React.createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2729,7 +2741,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
       style: {},
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$28(_objectSpread$28({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -3382,8 +3394,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
-function ownKeys$26(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$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$27(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$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3437,7 +3449,7 @@ var AddReview = function AddReview(props) {
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$26({}, secpropobj));
+      setsectionproperties(_objectSpread$27({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -3446,7 +3458,7 @@ var AddReview = function AddReview(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$26({}, secpropobj));
+    setsectionproperties(_objectSpread$27({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: css({
@@ -3572,9 +3584,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$27({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$27({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12"
@@ -3588,9 +3600,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$27({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$27({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3600,9 +3612,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$27({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$27({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3613,9 +3625,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control + ' form_control ',
     value: reviewpayloadobj.reviewbody,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$27({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$27({}, tempreviewpayloadobj));
     },
     style: {
       resize: 'none',
@@ -3650,8 +3662,8 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
-function ownKeys$25(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$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$26(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$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductReviews = function ProductReviews(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
   props.actions.lang;
@@ -3885,7 +3897,7 @@ var ProductReviews = function ProductReviews(props) {
     size: "md",
     "class": "reviewmodal"
   }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(AddReview, {
-    actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
+    actions: _objectSpread$26(_objectSpread$26({}, actions), {}, {
       productid: productid,
       canuserreview: canuserreview,
       addreviewcallback: addreviewcallback
@@ -3893,8 +3905,8 @@ var ProductReviews = function ProductReviews(props) {
   }))));
 };
 
-function ownKeys$24(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$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$25(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$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Productinfo = function Productinfo(props) {
   var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -4007,7 +4019,7 @@ var Productinfo = function Productinfo(props) {
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$24({}, secpropobj));
+      setsectionproperties(_objectSpread$25({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -4028,7 +4040,7 @@ var Productinfo = function Productinfo(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$24({}, secpropobj));
+    setsectionproperties(_objectSpread$25({}, secpropobj));
   }, [pageindexcontext]);
   useEffect(function () {
     if (productidparam == undefined) {
@@ -4048,12 +4060,12 @@ var Productinfo = function Productinfo(props) {
     }
   }, [ProductInfoObj, isloaded]);
   var productidassigner = function productidassigner(productid) {
-    var tempFetchQueriesEngineContext = _objectSpread$24({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$25({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchproductinfo = true;
-    setFetchQueriesEngineContext(_objectSpread$24({}, tempFetchQueriesEngineContext));
-    var tempfetchproductinfoObjContext = _objectSpread$24({}, fetchproductinfoObjContext);
+    setFetchQueriesEngineContext(_objectSpread$25({}, tempFetchQueriesEngineContext));
+    var tempfetchproductinfoObjContext = _objectSpread$25({}, fetchproductinfoObjContext);
     tempfetchproductinfoObjContext.productid = productid;
-    setfetchproductinfoObjContext(_objectSpread$24({}, tempfetchproductinfoObjContext));
+    setfetchproductinfoObjContext(_objectSpread$25({}, tempfetchproductinfoObjContext));
   };
   useEffect(function () {
     if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
@@ -4079,9 +4091,9 @@ var Productinfo = function Productinfo(props) {
         }
         setproductimagesarray([].concat(tempproductimagesarray));
         variantchecker();
-        var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$25({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-        setaddtocardpayloadobj(_objectSpread$24({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$25({}, tempaddtocardpayloadobj));
         setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
         if ((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 : _fetchProductInfoQuer3.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.maintagid) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.length) != 0) {
           GeneralAPIMutationContext.mutate({
@@ -4128,7 +4140,7 @@ var Productinfo = function Productinfo(props) {
     });
     variantchecker();
     variantcompleting();
-    setProductInfoObj(_objectSpread$24({}, productarr));
+    setProductInfoObj(_objectSpread$25({}, productarr));
   };
   var variantchecker = function variantchecker() {
     var productarr = ProductInfoObj;
@@ -4202,16 +4214,16 @@ var Productinfo = function Productinfo(props) {
           });
         }
         // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-        setProductInfoObj(_objectSpread$24({}, productarr));
+        setProductInfoObj(_objectSpread$25({}, productarr));
         setisloaded(true);
       }
     }
   };
   var variantcompleting = function variantcompleting() {
     setvariantindexcompleted('');
-    var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$25({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.variantid = '';
-    setaddtocardpayloadobj(_objectSpread$24({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$25({}, tempaddtocardpayloadobj));
     var productarr = ProductInfoObj;
     var selectedoptionsvalues = [];
     productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -4243,7 +4255,7 @@ var Productinfo = function Productinfo(props) {
           NotificationManager.warning('', 'Variant Not Found');
         } else {
           variantid = variantobj.variantid;
-          var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$25({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.variantid = variantid;
           var variantimageindex = 0;
           productimagesarray === null || productimagesarray === void 0 ? void 0 : productimagesarray.forEach(function (tempimageitem, tempimageindex) {
@@ -4252,13 +4264,13 @@ var Productinfo = function Productinfo(props) {
             }
           });
           setcurrentshowingimageindex(variantimageindex);
-          setaddtocardpayloadobj(_objectSpread$24({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$25({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
         }
       }
     });
     // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-    setProductInfoObj(_objectSpread$24({}, productarr));
+    setProductInfoObj(_objectSpread$25({}, productarr));
   };
   var addtocartfunc = function addtocartfunc() {
     var runfunc = false;
@@ -4278,7 +4290,7 @@ var Productinfo = function Productinfo(props) {
     }
     if (runfunc == true) {
       var _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13;
-      var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$25({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.isproductforcedtocheckout;
       var Extrafieldvalidationresponse = validateextrafields();
       if (Extrafieldvalidationresponse.status) {
@@ -4288,7 +4300,7 @@ var Productinfo = function Productinfo(props) {
   };
   var validateextrafields = function validateextrafields() {
     var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16;
-    var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$25({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
@@ -5219,7 +5231,7 @@ var Productinfo = function Productinfo(props) {
   })), tabname == 'reviewstab' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
   }, /*#__PURE__*/React.createElement(ProductReviews, {
-    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
+    actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
@@ -5236,8 +5248,8 @@ var css_248z$I = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu_
 var staticroutersidenav = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__p0mIj","sidebar_item":"staticroutersidenav-module_sidebar_item__3F9Q1","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__46AJV","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__O8YSe","metismenu_icon":"staticroutersidenav-module_metismenu_icon__EcRZ1","sidenav_active":"staticroutersidenav-module_sidenav_active__IjRo0","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__6V32S","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__9O187"};
 styleInject(css_248z$I);
 
-function ownKeys$23(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$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$24(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$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Staticpagesrouter = function Staticpagesrouter(props) {
   var _useState = useState(props.currentpageprops),
     _useState2 = _slicedToArray(_useState, 2),
@@ -5273,7 +5285,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$23({}, secpropobj));
+      setsectionproperties(_objectSpread$24({}, secpropobj));
     }
   }, [CurrentPageId]);
   var styles = {
@@ -5435,8 +5447,8 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-function ownKeys$22(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$22(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$23(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$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Ordershistory = function Ordershistory(props) {
   var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue4, _fetchorderhistoryQue5, _fetchorderhistoryQue6, _fetchorderhistoryQue7, _fetchorderhistoryQue8, _fetchorderhistoryQue9, _fetchorderhistoryQue10, _fetchorderhistoryQue11, _fetchorderhistoryQue12, _fetchorderhistoryQue13, _fetchorderhistoryQue14;
   var lang = props.actions.lang;
@@ -5489,9 +5501,9 @@ var Ordershistory = function Ordershistory(props) {
     setorderindex = _useState14[1];
   useEffect(function () {
     if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-      var tempFetchQueriesEngineContext = _objectSpread$22({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$23({}, FetchQueriesEngineContext);
       tempFetchQueriesEngineContext.orderhistory = true;
-      setFetchQueriesEngineContext(_objectSpread$22({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$23({}, tempFetchQueriesEngineContext));
     }
   }, []);
   var _useState15 = useState(''),
@@ -5512,7 +5524,7 @@ var Ordershistory = function Ordershistory(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$22({}, secpropobj));
+    setsectionproperties(_objectSpread$23({}, secpropobj));
   }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
   var orderhistory_cssstyles = {
     variantcontainer: css({
@@ -6369,8 +6381,8 @@ var css_248z$H = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_c
 var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
 styleInject(css_248z$H);
 
-function ownKeys$21(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$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$22(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$22(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
   var lang = props.actions.lang;
@@ -6398,13 +6410,13 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$21({}, secpropobj));
+      setsectionproperties(_objectSpread$22({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$22({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$22({}, tempFetchQueriesEngineContext));
   }, []);
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
@@ -6413,7 +6425,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$21({}, secpropobj));
+      setsectionproperties(_objectSpread$22({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var wishlist_cssstyles = {
@@ -6818,8 +6830,8 @@ var Wishlist = function Wishlist(props) {
   })));
 };
 
-function ownKeys$20(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$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$21(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$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Viewcart = function Viewcart(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25;
   var lang = props.actions.lang;
@@ -6851,7 +6863,7 @@ var Viewcart = function Viewcart(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$20({}, secpropobj));
+      setsectionproperties(_objectSpread$21({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -7435,8 +7447,8 @@ var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n    display:
 var formstyles = {"form_control":"form-module_form_control__4-RGw","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
 styleInject(css_248z$G);
 
-function ownKeys$1$(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$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$20(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$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Select$2 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
@@ -7494,7 +7506,7 @@ var Checkout = function Checkout(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1$({}, secpropobj));
+    setsectionproperties(_objectSpread$20({}, secpropobj));
   }, [props.actions.StatePagePropertiesContext]);
   useEffect(function () {
     var Canorder = false;
@@ -7514,10 +7526,10 @@ var Checkout = function Checkout(props) {
       }
       if (Canorder == true) {
         var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
-        var tempFetchQueriesEngineContext = _objectSpread$1$({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$20({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
-        setFetchQueriesEngineContext(_objectSpread$1$({}, tempFetchQueriesEngineContext));
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1$({}, FetchTabexStatesPayloadobjContext);
+        setFetchQueriesEngineContext(_objectSpread$20({}, tempFetchQueriesEngineContext));
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$20({}, FetchTabexStatesPayloadobjContext);
         if (
         // Aya
         !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != undefined && (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.countryid) != null &&
@@ -7534,7 +7546,7 @@ var Checkout = function Checkout(props) {
           var _fetchcustomercartQue15, _fetchcustomercartQue16;
           tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue15 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue15 === void 0 ? void 0 : (_fetchcustomercartQue16 = _fetchcustomercartQue15.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : _fetchcustomercartQue16.customercart.stateid;
         }
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1$({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$20({}, tempFetchTabexStatesPayloadobjContext));
       } else {
         // NotificationManager.warning('', lang.pleaselogintocheckout);
         routingcountext(StaticPagesLinksContext.Login);
@@ -8305,10 +8317,10 @@ var Checkout = function Checkout(props) {
       return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue97 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue97 === void 0 ? void 0 : (_fetchcustomercartQue98 = _fetchcustomercartQue97.data) === null || _fetchcustomercartQue98 === void 0 ? void 0 : _fetchcustomercartQue98.customercart.countryid);
     }),
     onChange: function onChange(option) {
-      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1$({}, FetchTabexStatesPayloadobjContext);
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$20({}, FetchTabexStatesPayloadobjContext);
       tempFetchTabexStatesPayloadobjContext.functype = 'states';
       tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-      setFetchTabexStatesPayloadobjContext(_objectSpread$1$({}, tempFetchTabexStatesPayloadobjContext));
+      setFetchTabexStatesPayloadobjContext(_objectSpread$20({}, tempFetchTabexStatesPayloadobjContext));
       cartinfoupdater('countryid', option.id);
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -8353,10 +8365,10 @@ var Checkout = function Checkout(props) {
     onChange: function onChange(option) {
       var _fetchcustomercartQue101, _fetchcustomercartQue102;
       if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue101 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue101 === void 0 ? void 0 : (_fetchcustomercartQue102 = _fetchcustomercartQue101.data) === null || _fetchcustomercartQue102 === void 0 ? void 0 : _fetchcustomercartQue102.customercart.countryid.length) != 0) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1$({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$20({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1$({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$20({}, tempFetchTabexStatesPayloadobjContext));
         cartinfoupdater('stateid', option.id);
       } else {
         NotificationManager.warning('', 'Please Choose Country Or State');
@@ -8486,7 +8498,9 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
-    style: {}
+    style: {
+      color: sectionproperties.checkbox_color
+    }
   }, langdetect == 'en' ? sectionproperties.cod_text_en : sectionproperties.cod_text_ar))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
@@ -8655,8 +8669,8 @@ var Checkout = function Checkout(props) {
   }, Mycart()))));
 };
 
-function ownKeys$1_(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$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1$(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$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Select$1 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
@@ -8737,46 +8751,46 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     }
   }, [fetchAuthorizationQueryContext.isSuccess]);
   useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$1_({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1$({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
     tempFetchQueriesEngineContext.fetchtabexcountries = true;
-    setFetchQueriesEngineContext(_objectSpread$1_({}, tempFetchQueriesEngineContext));
-    var tempFetchQueriesEngineContext = _objectSpread$1_({}, FetchQueriesEngineContext);
+    setFetchQueriesEngineContext(_objectSpread$1$({}, tempFetchQueriesEngineContext));
+    var tempFetchQueriesEngineContext = _objectSpread$1$({}, FetchQueriesEngineContext);
   }, []);
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-      setsectionproperties(_objectSpread$1_({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1$({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   useEffect(function () {
     if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
       if (authdetailsContext.loggedin == true) {
-        var tempcustomerinfoobj = _objectSpread$1_({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
-        setpayloadobj(_objectSpread$1_({}, tempcustomerinfoobj));
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1_({}, FetchTabexStatesPayloadobjContext);
+        var tempcustomerinfoobj = _objectSpread$1$({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
+        setpayloadobj(_objectSpread$1$({}, tempcustomerinfoobj));
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1$({}, FetchTabexStatesPayloadobjContext);
         if (tempcustomerinfoobj.countryid != null) {
           tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
         }
         if (tempcustomerinfoobj.stateid != null) {
           tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
         }
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1_({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1$({}, tempFetchTabexStatesPayloadobjContext));
         setdataloaded(true);
       } else {
         var _fetchinstitutecustom, _fetchinstitutecustom2;
-        var tempcustomerinfoobj = _objectSpread$1_({}, payloadobj);
+        var tempcustomerinfoobj = _objectSpread$1$({}, payloadobj);
         if (Array.isArray(fetchinstitutecustomerinfosignupQueryContext === null || fetchinstitutecustomerinfosignupQueryContext === void 0 ? void 0 : (_fetchinstitutecustom = fetchinstitutecustomerinfosignupQueryContext.data) === null || _fetchinstitutecustom === void 0 ? void 0 : (_fetchinstitutecustom2 = _fetchinstitutecustom.data) === null || _fetchinstitutecustom2 === void 0 ? void 0 : _fetchinstitutecustom2.instsignupformvalues)) {
           tempcustomerinfoobj.instsignupformvalues = _toConsumableArray(fetchinstitutecustomerinfosignupQueryContext.data.data.instsignupformvalues);
         }
-        setpayloadobj(_objectSpread$1_({}, tempcustomerinfoobj));
+        setpayloadobj(_objectSpread$1$({}, tempcustomerinfoobj));
         setdataloaded(true);
       }
     }
   }, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
   var payloadobjchange = function payloadobjchange(key, value) {
-    var temppayloadobj = _objectSpread$1_({}, payloadobj);
+    var temppayloadobj = _objectSpread$1$({}, payloadobj);
     temppayloadobj[key] = value;
-    setpayloadobj(_objectSpread$1_({}, temppayloadobj));
+    setpayloadobj(_objectSpread$1$({}, temppayloadobj));
   };
   var validateEmailstring = function validateEmailstring(email) {
     return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
@@ -8843,7 +8857,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   };
   var signupbuttonfunc = function signupbuttonfunc() {
     if (verifypayload() == true) {
-      var temppayloadobj = _objectSpread$1_({}, payloadobj);
+      var temppayloadobj = _objectSpread$1$({}, payloadobj);
       if (authdetailsContext.loggedin == true) {
         temppayloadobj.functype = 'edit';
       } else {
@@ -8959,7 +8973,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
-      className: "".concat(formstyles.input_label_name) + ' text-transform-none d-flex align-items-start '
+      className: "".concat(formstyles.input_label_name) + '  d-flex align-items-start '
     }, lang.name), /*#__PURE__*/React.createElement("input", {
       type: "text",
       className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
@@ -8970,7 +8984,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     })), /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
-      className: "".concat(formstyles.input_label_name) + ' text-transform-none d-flex align-items-start '
+      className: "".concat(formstyles.input_label_name) + '  d-flex align-items-start '
     }, lang.email), /*#__PURE__*/React.createElement("input", {
       className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
       type: "text",
@@ -8991,10 +9005,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       autoFormat: true,
       value: payloadobj.mobile,
       onChange: function onChange(event, country) {
-        var temp = _objectSpread$1_({}, payloadobj);
+        var temp = _objectSpread$1$({}, payloadobj);
         temp.mobile = event;
         temp.countrydialcode = country.dialCode;
-        setpayloadobj(_objectSpread$1_({}, temp));
+        setpayloadobj(_objectSpread$1$({}, temp));
         // payloadobjchange('mobile', event);
 
         // alert(JSON.stringify(country));
@@ -9047,10 +9061,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         return option.id == payloadobj.countryid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1_({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1$({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'states';
         tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1_({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1$({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('countryid', option.id);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9099,10 +9113,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         return option.id == payloadobj.stateid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1_({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1$({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1_({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1$({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('stateid', option.id);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9159,7 +9173,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     })), /*#__PURE__*/React.createElement("div", {
       className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
-      className: "".concat(formstyles.input_label_name) + ' mb-1 text-transform-none d-flex align-items-start '
+      className: "".concat(formstyles.input_label_name) + ' mb-1  d-flex align-items-start '
     }, lang.address, ' ', customeraddressrequierd == 1 && /*#__PURE__*/React.createElement("span", {
       "class": "ml-1 mr-1",
       style: {
@@ -9188,7 +9202,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
-      className: "".concat(formstyles.input_label_name) + ' text-transform-none d-flex align-items-start '
+      className: "".concat(formstyles.input_label_name) + '  d-flex align-items-start '
     }, lang.password), /*#__PURE__*/React.createElement("input", {
       className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
       type: "password",
@@ -9201,7 +9215,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     })), /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
-      className: "".concat(formstyles.input_label_name) + ' text-transform-none d-flex align-items-start '
+      className: "".concat(formstyles.input_label_name) + '  d-flex align-items-start '
     }, lang.confirmpassword), /*#__PURE__*/React.createElement("input", {
       className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
       type: "password",
@@ -9231,9 +9245,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1_({}, payloadobj);
+          var temppayloadobj = _objectSpread$1$({}, payloadobj);
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$1_({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1$({}, temppayloadobj));
         }
       }), item.inputtype == 'checkbox' && /*#__PURE__*/React.createElement("label", {
         className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -9244,13 +9258,13 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         className: formstyles.checkboxinputstyles + ' mt-auto mb-auto ',
         checked: item.customersignupvalue == 1 ? true : false,
         onChange: function onChange() {
-          var temppayloadobj = _objectSpread$1_({}, payloadobj);
+          var temppayloadobj = _objectSpread$1$({}, payloadobj);
           if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
             temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
           } else {
             temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
           }
-          setpayloadobj(_objectSpread$1_({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1$({}, temppayloadobj));
         }
       }), /*#__PURE__*/React.createElement("svg", {
         viewBox: "0 0 21 21",
@@ -9267,9 +9281,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1_({}, payloadobj);
+          var temppayloadobj = _objectSpread$1$({}, payloadobj);
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$1_({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1$({}, temppayloadobj));
         }
       }, /*#__PURE__*/React.createElement("option", {
         value: '',
@@ -9284,9 +9298,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1_({}, payloadobj);
+          var temppayloadobj = _objectSpread$1$({}, payloadobj);
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$1_({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1$({}, temppayloadobj));
         },
         style: {
           resize: 'none'
@@ -9507,7 +9521,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     style: {
       letterSpacing: langdetect == 'en' ? '1px' : ''
     }
-  }, lang.signup), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
+  }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
     style: {
       letterSpacing: langdetect == 'en' ? '1px' : ''
     }
@@ -9579,7 +9593,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(formstyles.logininputLabel) + '  d-flex justify-content-start '
   }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
     type: "text",
     className: "".concat(formstyles.form_control),
@@ -9588,13 +9602,13 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+    className: "".concat(formstyles.logininputLabel) + '  d-flex justify-content-start '
   }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React.createElement("input", {
     type: "text",
     className: "".concat(formstyles.form_control),
     value: validateemailpayload.code,
     onChange: function onChange(event) {
-      setvalidateemailpayload(_objectSpread$1_(_objectSpread$1_({}, validateemailpayload), {}, {
+      setvalidateemailpayload(_objectSpread$1$(_objectSpread$1$({}, validateemailpayload), {}, {
         code: event.target.value
       }));
     }
@@ -9618,12 +9632,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
             mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
               if (data.data.status) {
                 if (data.data.functype == 'sendcode') {
-                  setvalidateemailpayload(_objectSpread$1_(_objectSpread$1_({}, validateemailpayload), {}, {
+                  setvalidateemailpayload(_objectSpread$1$(_objectSpread$1$({}, validateemailpayload), {}, {
                     step: 'verifycode'
                   }));
                 }
                 if (data.data.functype == 'verifycode') {
-                  setvalidateemailpayload(_objectSpread$1_(_objectSpread$1_({}, validateemailpayload), {}, {
+                  setvalidateemailpayload(_objectSpread$1$(_objectSpread$1$({}, validateemailpayload), {}, {
                     isvalidated: true
                   }));
                   setvalidateemailmodal(false);
@@ -9651,8 +9665,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
-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; }
+function ownKeys$1_(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$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Signup = function Signup(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.CurrentSrcTypeContext;
@@ -9700,7 +9714,7 @@ var Signup = function Signup(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1Z({}, secpropobj));
+      setsectionproperties(_objectSpread$1_({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var loginstyles2 = {
@@ -9826,8 +9840,8 @@ var Signup = function Signup(props) {
   }))))))));
 };
 
-function ownKeys$1Y(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$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 Afiiliatesignup = function Afiiliatesignup(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -9893,7 +9907,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1Y({}, secpropobj));
+      setsectionproperties(_objectSpread$1Z({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var loginstyles2 = {
@@ -9990,7 +10004,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.name,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$1Y(_objectSpread$1Y({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$1Z(_objectSpread$1Z({}, affsignuppayload), {}, {
         name: event.target.value
       }));
     },
@@ -10006,7 +10020,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.email,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$1Y(_objectSpread$1Y({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$1Z(_objectSpread$1Z({}, affsignuppayload), {}, {
         email: event.target.value
       }));
     },
@@ -10024,10 +10038,10 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     autoFormat: true,
     value: affsignuppayload.phonenumber,
     onChange: function onChange(event, country) {
-      var temp = _objectSpread$1Y({}, affsignuppayload);
+      var temp = _objectSpread$1Z({}, affsignuppayload);
       temp.phonenumber = event;
       temp.countrydialcode = country.dialCode;
-      setaffsignuppayload(_objectSpread$1Y({}, temp));
+      setaffsignuppayload(_objectSpread$1Z({}, temp));
       // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
     },
 
@@ -10043,7 +10057,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.ssn,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$1Y(_objectSpread$1Y({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$1Z(_objectSpread$1Z({}, affsignuppayload), {}, {
         ssn: event.target.value
       }));
     },
@@ -10059,7 +10073,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.password,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$1Y(_objectSpread$1Y({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$1Z(_objectSpread$1Z({}, affsignuppayload), {}, {
         password: event.target.value
       }));
     },
@@ -10075,7 +10089,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.confirmpassword,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$1Y(_objectSpread$1Y({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$1Z(_objectSpread$1Z({}, affsignuppayload), {}, {
         confirmpassword: event.target.value
       }));
     },
@@ -10128,8 +10142,8 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
   }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar)))))))));
 };
 
-function ownKeys$1X(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$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1Y(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$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AccountInformation = function AccountInformation(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
   var lang = props.actions.lang;
@@ -10144,7 +10158,7 @@ var AccountInformation = function AccountInformation(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1X({}, secpropobj));
+    setsectionproperties(_objectSpread$1Y({}, secpropobj));
   }, [props.actions.StatePagePropertiesContext]);
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2);
@@ -10315,8 +10329,8 @@ var css_248z$F = ".tabs-module_tabs__36dMY {\n    position: relative;\n    heigh
 var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","tabsliheaderresp":"tabs-module_tabsliheaderresp__TPNhh","accordionContainer":"tabs-module_accordionContainer__-MSW5","policiestabs":"tabs-module_policiestabs__nopXD"};
 styleInject(css_248z$F);
 
-function ownKeys$1W(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$1W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1X(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$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Policies = function Policies(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3, _fetchInstitutePolici4, _fetchInstitutePolici5, _fetchInstitutePolici6, _fetchInstitutePolici7, _fetchInstitutePolici8;
   var _useState = useState(''),
@@ -10347,7 +10361,7 @@ var Policies = function Policies(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1W({}, secpropobj));
+      setsectionproperties(_objectSpread$1X({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -10360,9 +10374,9 @@ var Policies = function Policies(props) {
     }
   }, []);
   useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$1W({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1X({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$1W({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1X({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
@@ -10588,8 +10602,8 @@ var css_248z$E = ".cart-module_cartslider_container__idend {\n    transition: 0.
 var cartstyles = {"cartslider_container":"cart-module_cartslider_container__idend","close_menu_icon_cont":"cart-module_close_menu_icon_cont__uh-pE","cart_slider_imagecont":"cart-module_cart_slider_imagecont__tnHMt","checkout_cart_slider_imagecont":"cart-module_checkout_cart_slider_imagecont__UX2ct","checkout_quantity_cont":"cart-module_checkout_quantity_cont__Rr3RO","btn_circle":"cart-module_btn_circle__p-BDZ","cart_progress_card":"cart-module_cart_progress_card__jEFwg","cart_progress_card_active":"cart-module_cart_progress_card_active__gQzWT","trash_btn":"cart-module_trash_btn__bHQxy","btn_apply":"cart-module_btn_apply__phbo8","checkout_card_card":"cart-module_checkout_card_card__4zUo9"};
 styleInject(css_248z$E);
 
-function ownKeys$1V(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$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1W(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$1W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(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;
   var lang = props.actions.lang;
@@ -10654,7 +10668,7 @@ var CartSlider = function CartSlider(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1V({}, secpropobj));
+    setsectionproperties(_objectSpread$1W({}, secpropobj));
   }, [CurrentPageId]);
   useEffect(function () {
     if (CurrentSrcTypeContext == 'workplace') {
@@ -10664,7 +10678,7 @@ var CartSlider = function CartSlider(props) {
         StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1V({}, secpropobj));
+        setsectionproperties(_objectSpread$1W({}, secpropobj));
       }
     }
   }, [StatePagePropertiesContext]);
@@ -11006,8 +11020,8 @@ var CartSlider = function CartSlider(props) {
   }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar)))))));
 };
 
-function ownKeys$1U(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$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1V(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$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Categoriesdropdown = function Categoriesdropdown(props) {
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2);
@@ -11051,7 +11065,7 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1U({}, secpropobj));
+    setsectionproperties(_objectSpread$1V({}, secpropobj));
   }, [CurrentPageId]);
   useEffect(function () {
     if (CurrentSrcTypeContext == 'workplace') {
@@ -11061,7 +11075,7 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
         StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1U({}, secpropobj));
+        setsectionproperties(_objectSpread$1V({}, secpropobj));
       }
     }
   }, [StatePagePropertiesContext]);
@@ -11289,8 +11303,8 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
   }, CategoriesDropdown()));
 };
 
-function ownKeys$1T(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$1T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1U(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$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OrderSuccess = function OrderSuccess(props) {
   var _props$actions2;
   props.actions.lang;
@@ -11340,7 +11354,7 @@ var OrderSuccess = function OrderSuccess(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1T({}, secpropobj));
+    setsectionproperties(_objectSpread$1U({}, secpropobj));
   }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
   var authdetailsContext = props.actions.authdetailsContext;
   var ordersuccessstyle = {
@@ -11433,8 +11447,8 @@ var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line
 var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
 styleInject(css_248z$D);
 
-function ownKeys$1S(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$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1T(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$1T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Select = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
@@ -11536,11 +11550,11 @@ var Filter$1 = function Filter(props) {
     }
     timeoutRef.current = setTimeout(function () {
       if (raterangevalue.min != 0 || raterangevalue.max != 5) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
         tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       }
     }, 500);
@@ -11548,24 +11562,24 @@ var Filter$1 = function Filter(props) {
   useEffect(function () {
     if (fetchTabexStatesQueryContext.isSuccess) {
       if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1S({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1T({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1S({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1T({}, tempFetchTabexStatesPayloadobjContext));
       }
     }
   }, [fetchTabexStatesQueryContext.isSuccess]);
   var filterupdater = function filterupdater() {
     setTimeout(function () {
-      var tempFetchQueriesEngineContext = _objectSpread$1S({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$1T({}, FetchQueriesEngineContext);
       tempFetchQueriesEngineContext.fetchtabexcountries = true;
       setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
     }, 100);
     if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
-      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1S({}, FetchTabexStatesPayloadobjContext);
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1T({}, FetchTabexStatesPayloadobjContext);
       tempFetchTabexStatesPayloadobjContext.functype = 'states';
       tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
-      setFetchTabexStatesPayloadobjContext(_objectSpread$1S({}, tempFetchTabexStatesPayloadobjContext));
+      setFetchTabexStatesPayloadobjContext(_objectSpread$1T({}, tempFetchTabexStatesPayloadobjContext));
     }
     if (instfilters.length != 0) {
       var _ProductFilterObjCont;
@@ -11627,7 +11641,7 @@ var Filter$1 = function Filter(props) {
     }
   };
   var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
-    var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+    var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
     if (type == 'clearfilters') {
       tempfetchproductsfilerobjcontext.FilterOptions = [];
     } else {
@@ -11651,14 +11665,14 @@ var Filter$1 = function Filter(props) {
       tempfetchproductsfilerobjcontext.isfilter = 1;
     }
     tempfetchproductsfilerobjcontext.page = 0;
-    setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+    setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
 
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
     var _tempfetchproductsfil2;
-    var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+    var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
     var CollectionExists = false;
     tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 ? void 0 : (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 ? void 0 : _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
@@ -11670,7 +11684,7 @@ var Filter$1 = function Filter(props) {
       tempfetchproductsfilerobjcontext.collections.push(collectionid);
     }
     tempfetchproductsfilerobjcontext.page = 0;
-    setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+    setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
@@ -12054,14 +12068,14 @@ var Filter$1 = function Filter(props) {
         return option.id == ProductFilterObjContext.countryid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1S({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1T({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'states';
         tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1S({}, tempFetchTabexStatesPayloadobjContext));
-        var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1T({}, tempFetchTabexStatesPayloadobjContext));
+        var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.countryid = option.id;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -12098,14 +12112,14 @@ var Filter$1 = function Filter(props) {
         return option.id == ProductFilterObjContext.stateid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1S({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1T({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1S({}, tempFetchTabexStatesPayloadobjContext));
-        var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1T({}, tempFetchTabexStatesPayloadobjContext));
+        var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.stateid = option.id;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -12142,10 +12156,10 @@ var Filter$1 = function Filter(props) {
         return option.id == ProductFilterObjContext.cityid;
       }),
       onChange: function onChange(option) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.cityid = option.id;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -12304,14 +12318,14 @@ var Filter$1 = function Filter(props) {
       return /*#__PURE__*/React.createElement("div", {
         className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-start pb-3 ',
         onClick: function onClick() {
-          var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
           if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
           } else {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
           tempfetchproductsfilerobjcontext.page = 0;
-          setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
           filterrouting(tempfetchproductsfilerobjcontext);
         }
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -12346,7 +12360,7 @@ var Filter$1 = function Filter(props) {
     minValue: 0,
     value: raterangevalue,
     onChange: function onChange(value) {
-      setraterangevalue(_objectSpread$1S({}, value));
+      setraterangevalue(_objectSpread$1T({}, value));
     }
   }))))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
@@ -12487,13 +12501,13 @@ var Filter$1 = function Filter(props) {
         className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-start pb-3 ',
         onClick: function onClick() {
           // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
-          var tempfetchproductsfilerobjcontext = _objectSpread$1S({}, ProductFilterObjContext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$1T({}, ProductFilterObjContext);
           if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
           } else {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
-          setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$1T({}, tempfetchproductsfilerobjcontext));
         }
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
@@ -12525,8 +12539,8 @@ var Filter$1 = function Filter(props) {
 
 var serverbaselink$1 = 'https://tabex-co.com';
 
-function ownKeys$1R(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$1R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1S(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$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardsSection = function CardsSection(props) {
   var refscr = /*#__PURE__*/createRef();
   var _useInView = useInView();
@@ -12609,7 +12623,7 @@ var CardsSection = function CardsSection(props) {
         sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
           secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
         });
-        setsectionproperties(_objectSpread$1R({}, secpropobj));
+        setsectionproperties(_objectSpread$1S({}, secpropobj));
         if (props.srcfromprops == 'GeneralProductsComponent') {
           setfetchingtype('products');
           var lcproductfetchingtype = 'Random';
@@ -12683,7 +12697,7 @@ var CardsSection = function CardsSection(props) {
         }
         tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
         tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
-        setProductFilterObjContext(_objectSpread$1R({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$1S({}, tempfetchproductsfilerobjcontext));
       }
       if (fetchingtype == 'categories') {
         if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
@@ -12759,7 +12773,7 @@ var CardsSection = function CardsSection(props) {
           cardobjassigner(collections);
         }
       }
-      setFetchQueriesEngineContext(_objectSpread$1R({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$1S({}, tempFetchQueriesEngineContext));
     }
   }, [fetchingtype, ProductsFetchingTypeSectionObj]);
   useEffect(function () {
@@ -12928,9 +12942,9 @@ var CardsSection = function CardsSection(props) {
   // Example items, to simulate fetching from another resources.
   var handlePageClick = function handlePageClick(event) {
     props.scrolltotop();
-    var tempProductFilterObjContext = _objectSpread$1R({}, ProductFilterObjContext);
+    var tempProductFilterObjContext = _objectSpread$1S({}, ProductFilterObjContext);
     tempProductFilterObjContext.page = event === null || event === void 0 ? void 0 : event.selected;
-    setProductFilterObjContext(_objectSpread$1R({}, tempProductFilterObjContext));
+    setProductFilterObjContext(_objectSpread$1S({}, tempProductFilterObjContext));
     var pasturl = '';
     if (props.grouptypeprops != undefined) {
       if (props.collectionidprops != undefined) {
@@ -13393,18 +13407,35 @@ var CardsSection = function CardsSection(props) {
             item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
             scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-            return /*#__PURE__*/React.createElement("div", {
-              className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
-            }, /*#__PURE__*/React.createElement(Sectioncomp, {
-              sectiontypeprops: 'horizontal',
-              fetchingtypeprops: fetchingtype,
-              cardinfoindexprops: cardinfoindex,
-              cardinfoitemprops: cardinfoitem,
-              sectionindexprops: index,
-              sectionidprops: item.sectionid,
-              actions: actions,
-              fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
-            }));
+            if (sectionproperties.overallnumberofcards == 0) {
+              return /*#__PURE__*/React.createElement("div", {
+                className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
+              }, /*#__PURE__*/React.createElement(Sectioncomp, {
+                sectiontypeprops: 'horizontal',
+                fetchingtypeprops: fetchingtype,
+                cardinfoindexprops: cardinfoindex,
+                cardinfoitemprops: cardinfoitem,
+                sectionindexprops: index,
+                sectionidprops: item.sectionid,
+                actions: actions,
+                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+              }));
+            } else if (sectionproperties.overallnumberofcards != 0) {
+              if (cardinfoindex < sectionproperties.overallnumberofcards) {
+                return /*#__PURE__*/React.createElement("div", {
+                  className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
+                }, /*#__PURE__*/React.createElement(Sectioncomp, {
+                  sectiontypeprops: 'horizontal',
+                  fetchingtypeprops: fetchingtype,
+                  cardinfoindexprops: cardinfoindex,
+                  cardinfoitemprops: cardinfoitem,
+                  sectionindexprops: index,
+                  sectionidprops: item.sectionid,
+                  actions: actions,
+                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                }));
+              }
+            }
           }))), sectionproperties.view_as_slider_vertical != 'Slider (Horizontal)' && /*#__PURE__*/React.createElement("div", {
             className: "row m-0 w-100 d-flex ",
             style: {
@@ -13470,8 +13501,8 @@ var CardsSection = function CardsSection(props) {
   })), fetchingtype == 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
 };
 
-function ownKeys$1Q(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$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1R(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$1R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InnerGroups = function InnerGroups(props) {
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -13512,7 +13543,7 @@ var InnerGroups = function InnerGroups(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1Q({}, secpropobj));
+      setsectionproperties(_objectSpread$1R({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   // useEffect(() => {
@@ -13528,7 +13559,7 @@ var InnerGroups = function InnerGroups(props) {
       backgroundColor: sectionproperties.backgroundColor
     }
   }, /*#__PURE__*/React.createElement(CardsSection, {
-    actions: _objectSpread$1Q(_objectSpread$1Q({}, actions), {}, {
+    actions: _objectSpread$1R(_objectSpread$1R({}, actions), {}, {
       fetchingtype: grouptypeparams
     })
   }));
@@ -13732,11 +13763,11 @@ var Searchlist$1 = function Searchlist(props) {
         objectFit: 'contain'
       }
     }))), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
+      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
     }, /*#__PURE__*/React.createElement("p", {
       "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
     }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
     }, /*#__PURE__*/React.createElement("p", {
       "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
     }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
@@ -13753,8 +13784,8 @@ var Searchlist$1 = function Searchlist(props) {
   }, lang.nosearchresults)))))));
 };
 
-function ownKeys$1P(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$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1Q(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$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MarqueeHeader = function MarqueeHeader(props) {
   var _textarray$, _textarray$2;
   props.actions;
@@ -13775,12 +13806,12 @@ var MarqueeHeader = function MarqueeHeader(props) {
     settextarray = _useState6[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1Q({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   useEffect(function () {
     if (props.templateproperties_contextprops != undefined) {
-      settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+      settemplateproperties_context(_objectSpread$1Q({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
     }
   }, [props.templateproperties_contextprops]);
   useEffect(function () {
@@ -13822,8 +13853,8 @@ var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n    position: r
 var headerstyles$f = {"sub_outercontainer":"subheader-module_sub_outercontainer__-z5ZD","nav__item":"subheader-module_nav__item__8oLkw","link":"subheader-module_link__7IEBY","dropmenu":"subheader-module_dropmenu__lL4Sc","active":"subheader-module_active__MjZNG","subheader":"subheader-module_subheader__aW8fS"};
 styleInject(css_248z$B);
 
-function ownKeys$1O(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$1O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1P(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$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Subheader = function Subheader(props) {
   var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _authdetailsContext$i, _authdetailsContext$i2, _props$subheaderprope12, _templatepropcontext$2, _props$subheaderprope15, _props$subheaderprope16, _templatepropcontext$3, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _authdetailsContext$i3, _authdetailsContext$i4, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _authdetailsContext$i5, _authdetailsContext$i6, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _props$subheaderprope31, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17, _fetchCategoriesQuery18, _fetchCategoriesQuery19, _fetchCategoriesQuery23, _fetchCategoriesQuery24, _fetchCategoriesQuery25, _fetchCategoriesQuery26;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -13859,12 +13890,12 @@ var Subheader = function Subheader(props) {
   useEffect(function () {
     var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
     tempFetchQueriesEngineContext.categories = true;
-    setFetchQueriesEngineContext(_objectSpread$1O({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1P({}, tempFetchQueriesEngineContext));
     // alert(JSON.stringify(authdetailsContext));
   }, []);
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1O({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   // useEffect(() => {
@@ -14330,8 +14361,8 @@ var Subheader = function Subheader(props) {
   })))))));
 };
 
-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; }
+function ownKeys$1O(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$1O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Headerresponsive = function Headerresponsive(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
   var actions = props.actions;
@@ -14362,7 +14393,7 @@ var Headerresponsive = function Headerresponsive(props) {
     _useState4[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1N({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1O({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   var _useState5 = useState([]),
@@ -14410,12 +14441,12 @@ var Headerresponsive = function Headerresponsive(props) {
       height: '45px',
       color: sectionproperties.badge_color,
       borderRadius: sectionproperties.badge_borderradius + 'px',
-      fontSize: '25px',
+      fontSize: sectionproperties.badgefontsizeresp + 'px',
       transform: 'scale(0.3)',
-      transformOrigin: 'top right'
+      transformOrigin: 'top right',
       // marginRight: langdetect == 'en' ? 0 : '-5px',
+      fontWeight: sectionproperties.badgefontweight
     }),
-
     wishlistbtn: css({
       width: sectionproperties.wishlistbtnresp_width + 'px',
       height: sectionproperties.wishlistbtnresp_height + 'px',
@@ -15089,8 +15120,8 @@ var Headerresponsive = function Headerresponsive(props) {
   })))))));
 };
 
-function ownKeys$1M(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$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; }
+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 DownloadApp = function DownloadApp(props) {
   props.actions;
   props.actions.lang;
@@ -15114,18 +15145,22 @@ var DownloadApp = function DownloadApp(props) {
   }, [sectionproperties]);
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1M({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1N({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
-  ({
-    textSlider: css({
-      fontSize: sectionproperties.textsliderfontsize + 'px',
-      color: sectionproperties.textsliderfontcolor,
-      fontWeight: sectionproperties.textsliderfontweight
+  var header_cssstyles = {
+    storeimage: css({
+      objectFit: 'contain',
+      maxWidth: '110px',
+      maxHeight: '110px',
+      '@media (max-width: 800px)': {
+        maxWidth: '80px',
+        maxHeight: '110px'
+      }
     })
-  });
+  };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12",
+    "class": "col-lg-12 px-lg-2 px-sm-0",
     style: {
       background: sectionproperties.downloadapp_bgcolor,
       paddingLeft: sectionproperties.downloadapp_paddinghorizontal + 'px',
@@ -15139,40 +15174,30 @@ var DownloadApp = function DownloadApp(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 d-flex justify-content-start align-items-center"
+    "class": "col-lg-6 col-md-6 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
   }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 d-flex justify-content-end align-items-center"
+    "class": "col-lg-6 col-md-6 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
-    "class": "cursor-pointer mx-3",
+    "class": header_cssstyles.storeimage + ' cursor-pointer mx-3 mx-sm-2 ',
     onClick: function onClick() {
       var _authdetailsContext, _authdetailsContext$i;
       window.open((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = _authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.mobileapplink_appstore, '_blank');
-    },
-    style: {
-      objectFit: 'contain',
-      maxWidth: '110px',
-      maxHeight: '110px'
     }
   }), /*#__PURE__*/React.createElement("img", {
-    "class": ' d-flex justify-content-center align-items-center cursor-pointer ',
+    "class": header_cssstyles.storeimage + ' cursor-pointer mx-3 mx-sm-0 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
       var _authdetailsContext2, _authdetailsContext2$;
       window.open((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 ? void 0 : (_authdetailsContext2$ = _authdetailsContext2.instinfo) === null || _authdetailsContext2$ === void 0 ? void 0 : _authdetailsContext2$.mobileapplink_playstore, '_blank');
-    },
-    style: {
-      objectFit: 'contain',
-      maxWidth: '110px',
-      maxHeight: '110px'
     }
   }))));
 };
 
-function ownKeys$1L(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$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1M(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$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 Gotoheader = function Gotoheader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
   var _useState = useState(''),
@@ -15212,7 +15237,7 @@ var Gotoheader = function Gotoheader(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1L({}, secpropobj));
+    setsectionproperties(_objectSpread$1M({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -15835,8 +15860,8 @@ var css_248z$A = ".CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY {\
 var headerstyles$e = {"lowerHeaderContainer":"CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY","navbar":"CategoryFeaturingHeader-module_navbar__KrZoa","navbar_item":"CategoryFeaturingHeader-module_navbar_item__x7kUB","badge_counter_header_notifications":"CategoryFeaturingHeader-module_badge_counter_header_notifications__OMiIG","searchbar":"CategoryFeaturingHeader-module_searchbar__QVi6T","searchbaractive":"CategoryFeaturingHeader-module_searchbaractive__SDflG"};
 styleInject(css_248z$A);
 
-function ownKeys$1K(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$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1L(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$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
   var _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i7, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
   var _useState = useState(''),
@@ -15884,7 +15909,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1K({}, secpropobj));
+    setsectionproperties(_objectSpread$1L({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -16791,8 +16816,8 @@ var css_248z$z = ".classicheader-module_headercontainer__tCNl- {\n    display: f
 var headerstyles$d = {"headercontainer":"classicheader-module_headercontainer__tCNl-","navbar":"classicheader-module_navbar__3MEax"};
 styleInject(css_248z$z);
 
-function ownKeys$1J(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$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1K(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$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ClassicHeader = function ClassicHeader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _templatepropcontext$;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
@@ -16829,7 +16854,7 @@ var ClassicHeader = function ClassicHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1J({}, secpropobj));
+    setsectionproperties(_objectSpread$1K({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -17867,8 +17892,8 @@ var css_248z$y = ".CTAHeader-module_header_container__In9j3 .CTAHeader-module_to
 var headerstyles$c = {"header_container":"CTAHeader-module_header_container__In9j3","topbar_item_container":"CTAHeader-module_topbar_item_container__yiKBc","badge_counter_header_notifications":"CTAHeader-module_badge_counter_header_notifications__LwrZ5","searchbar":"CTAHeader-module_searchbar__lDR8a","searchbaractive":"CTAHeader-module_searchbaractive__mPoEm"};
 styleInject(css_248z$y);
 
-function ownKeys$1I(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$1I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1J(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$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CTAHeader = function CTAHeader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i18, _authdetailsContext$i21, _authdetailsContext$i24;
   var actions = props.actions;
@@ -17916,7 +17941,7 @@ var CTAHeader = function CTAHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1I({}, secpropobj));
+    setsectionproperties(_objectSpread$1J({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -18904,8 +18929,8 @@ var css_248z$x = ".Header_threesectionslogocentered-module_header_innercontainer
 var headerstyles$b = {"header_innercontainer":"Header_threesectionslogocentered-module_header_innercontainer__yjjgZ","navbar_item":"Header_threesectionslogocentered-module_navbar_item__YMaF8","navbar_item_text":"Header_threesectionslogocentered-module_navbar_item_text__0DPls","navbar_item_active":"Header_threesectionslogocentered-module_navbar_item_active__ladUm","searchbarcont":"Header_threesectionslogocentered-module_searchbarcont__9MNXO","badge_counter_header_notifications":"Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU","searchbar":"Header_threesectionslogocentered-module_searchbar__5KdKx","searchbaractive":"Header_threesectionslogocentered-module_searchbaractive__8Pp-9"};
 styleInject(css_248z$x);
 
-function ownKeys$1H(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$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1I(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$1I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var _useState = useState(''),
@@ -18941,7 +18966,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1H({}, secpropobj));
+    setsectionproperties(_objectSpread$1I({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -19645,8 +19670,8 @@ var css_248z$w = ".Simpleheader-module_headercontainer__H09AD {\n    position: a
 var headerstyles$a = {"headercontainer":"Simpleheader-module_headercontainer__H09AD","navbar":"Simpleheader-module_navbar__lLQ9F","header_cart":"Simpleheader-module_header_cart__GG895","header_badge":"Simpleheader-module_header_badge__cW4uV","nav__item":"Simpleheader-module_nav__item__txPCh","link":"Simpleheader-module_link__aI5DF","badge_counter_header_notifications":"Simpleheader-module_badge_counter_header_notifications__9NFCv","searchbar":"Simpleheader-module_searchbar__-iAVU","searchbaractive":"Simpleheader-module_searchbaractive__9RFRQ"};
 styleInject(css_248z$w);
 
-function ownKeys$1G(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$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1H(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$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Simpleheader = function Simpleheader(props) {
   var _css, _css2, _header_cssstyles, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var _useState = useState(''),
@@ -19683,7 +19708,7 @@ var Simpleheader = function Simpleheader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1G({}, secpropobj));
+    setsectionproperties(_objectSpread$1H({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -20281,8 +20306,8 @@ var Simpleheader = function Simpleheader(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(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; }
+function ownKeys$1G(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$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Header8 = function Header8(props) {
   var _css, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15;
   var actions = props.actions;
@@ -20339,7 +20364,7 @@ var Header8 = function Header8(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1F({}, secpropobj));
+    setsectionproperties(_objectSpread$1G({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var subtotalcart = function subtotalcart() {
     var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
@@ -22047,8 +22072,8 @@ var css_248z$v = ".headerresturant-module_header_innercontainer__K3I1g {\n    di
 var headerstyles$9 = {"header_innercontainer":"headerresturant-module_header_innercontainer__K3I1g","navbar_item":"headerresturant-module_navbar_item__Exl8b","navbar_item_text":"headerresturant-module_navbar_item_text__psv09","navbar_item_active":"headerresturant-module_navbar_item_active__8BCbD","searchbarcont":"headerresturant-module_searchbarcont__4VPWj","language_cont":"headerresturant-module_language_cont__LwHIK","badge_counter_header_notifications":"headerresturant-module_badge_counter_header_notifications__mGA2-"};
 styleInject(css_248z$v);
 
-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; }
-function _objectSpread$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(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 HeaderRestaurant = function HeaderRestaurant(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
   var _useState = useState(''),
@@ -22084,7 +22109,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1E({}, secpropobj));
+    setsectionproperties(_objectSpread$1F({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -22724,8 +22749,8 @@ var css_248z$u = ".header_contactinfo-module_lowerHeaderContainer__toB3m {\n
 var headerstyles$8 = {"lowerHeaderContainer":"header_contactinfo-module_lowerHeaderContainer__toB3m","navbar_item":"header_contactinfo-module_navbar_item__T6mXT","navbar_item_text":"header_contactinfo-module_navbar_item_text__dSoH9","navbar_item_active":"header_contactinfo-module_navbar_item_active__eiC3f","badge_counter_header_notifications":"header_contactinfo-module_badge_counter_header_notifications__gWKN6"};
 styleInject(css_248z$u);
 
-function ownKeys$1D(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$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _objectSpread$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i13, _authdetailsContext$i14, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var _useState = useState(''),
@@ -22762,7 +22787,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1D({}, secpropobj));
+    setsectionproperties(_objectSpread$1E({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -23535,8 +23560,8 @@ var css_248z$t = ".modernheader-module_header_container__bprPW {\n    width: 100
 var headerstyles$7 = {"header_container":"modernheader-module_header_container__bprPW","navbar":"modernheader-module_navbar__fX0YT","topbar_item_container":"modernheader-module_topbar_item_container__QF67n","topbar_item":"modernheader-module_topbar_item__gDTjq","badge_counter_header_notifications":"modernheader-module_badge_counter_header_notifications__8pQP4","header_divider":"modernheader-module_header_divider__PKW1k"};
 styleInject(css_248z$t);
 
-function ownKeys$1C(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$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1D(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$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Modernheader = function Modernheader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
   var _useState = useState(''),
@@ -23557,9 +23582,16 @@ var Modernheader = function Modernheader(props) {
   var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  props.actions.history;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    logoarrayofobjects = _useState4[0],
+    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    _useState6[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -23574,12 +23606,8 @@ var Modernheader = function Modernheader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1C({}, secpropobj));
+    setsectionproperties(_objectSpread$1D({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -23799,7 +23827,16 @@ var Modernheader = function Modernheader(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  })), sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement(DownloadApp, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 d-md-none",
     style: {
       position: sectionproperties.headerstyles_position,
@@ -23811,13 +23848,10 @@ var Modernheader = function Modernheader(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
+    "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
   }, /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.searchbarcont
@@ -23832,7 +23866,7 @@ var Modernheader = function Modernheader(props) {
     "class": header_cssstyles.searchbar_icon_cont + ' m-0 pr-0 '
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered"
-  }, /*#__PURE__*/React.createElement(BsSearch, {
+  }, /*#__PURE__*/React.createElement(FiSearch, {
     size: sectionproperties.searchbaricon_fontsize
   }))), /*#__PURE__*/React.createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,
@@ -24182,8 +24216,8 @@ var Modernheader = function Modernheader(props) {
   }));
 };
 
-function ownKeys$1B(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$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1C(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$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SearchCenteredHeader = function SearchCenteredHeader(props) {
   var _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28;
   var _useState = useState(''),
@@ -24221,7 +24255,7 @@ var SearchCenteredHeader = function SearchCenteredHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1B({}, secpropobj));
+    setsectionproperties(_objectSpread$1C({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -24854,8 +24888,8 @@ var css_248z$s = ".stylishheader-module_headercontainer__FUgDo {\n  display: fle
 var headerstyles$6 = {"headercontainer":"stylishheader-module_headercontainer__FUgDo","navbar":"stylishheader-module_navbar__IX59y","badge_counter_header_notifications":"stylishheader-module_badge_counter_header_notifications__9G0T4"};
 styleInject(css_248z$s);
 
-function ownKeys$1A(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$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1B(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$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StylishHeader = function StylishHeader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _logoarrayofobjects$3, _logoarrayofobjects$4, _logoarrayofobjects$5, _logoarrayofobjects$6;
   var _useState = useState(''),
@@ -24896,7 +24930,7 @@ var StylishHeader = function StylishHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1A({}, secpropobj));
+    setsectionproperties(_objectSpread$1B({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -25647,8 +25681,8 @@ var css_248z$r = ".threetieredheader-module_lowerHeaderContainer__hl0gc {\n    d
 var headerstyles$5 = {"lowerHeaderContainer":"threetieredheader-module_lowerHeaderContainer__hl0gc","navbar":"threetieredheader-module_navbar__Le5Kz","navbar_item":"threetieredheader-module_navbar_item__9VQR-","navbar_item_text":"threetieredheader-module_navbar_item_text__G7M4B","navbar_item_active":"threetieredheader-module_navbar_item_active__qGXP2","badge_counter_header_notifications":"threetieredheader-module_badge_counter_header_notifications__fmXNP","searchbar":"threetieredheader-module_searchbar__CMeCp","searchbaractive":"threetieredheader-module_searchbaractive__jQeUr"};
 styleInject(css_248z$r);
 
-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; }
+function ownKeys$1A(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$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ThreeTieredHeader = function ThreeTieredHeader(props) {
   var _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
   var actions = props.actions;
@@ -25686,7 +25720,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1z({}, secpropobj));
+    setsectionproperties(_objectSpread$1A({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -26517,8 +26551,8 @@ var css_248z$q = ".SearchFocusedHeader-module_headerMiddleContainer__P6xTy {\n
 var headerstyles$4 = {"headerMiddleContainer":"SearchFocusedHeader-module_headerMiddleContainer__P6xTy","navbar":"SearchFocusedHeader-module_navbar__S8cPA","navbar_item":"SearchFocusedHeader-module_navbar_item__0oxbl","badge_counter_header_notifications":"SearchFocusedHeader-module_badge_counter_header_notifications__2qUaH","searchbar":"SearchFocusedHeader-module_searchbar__uJotQ","searchbaractive":"SearchFocusedHeader-module_searchbaractive__eZgrZ"};
 styleInject(css_248z$q);
 
-function ownKeys$1y(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$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 SearchFocusedHeader = function SearchFocusedHeader(props) {
   var _css, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i16, _authdetailsContext$i17, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i21, _authdetailsContext$i22;
   var lang = props.actions.lang;
@@ -26585,7 +26619,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1y({}, secpropobj));
+    setsectionproperties(_objectSpread$1z({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
     var _fetchedarray$Choosen, _fetchedarray$Choosen2, _fetchedarray$Choosen3, _fetchedarray$Choosen4, _pcollarray$Choosenin, _pcollarray$Choosenin2, _pcollarray$Choosenin3;
@@ -27507,8 +27541,8 @@ var css_248z$p = ".HeaderWithUtilityBar-module_headerMiddleContainer__5fNQX {\n
 var headerstyles$3 = {"headerMiddleContainer":"HeaderWithUtilityBar-module_headerMiddleContainer__5fNQX","navbar_item":"HeaderWithUtilityBar-module_navbar_item__VR64E","badge_counter_header_notifications":"HeaderWithUtilityBar-module_badge_counter_header_notifications__-I6Pm","searchbar":"HeaderWithUtilityBar-module_searchbar__3rwMD","searchbaractive":"HeaderWithUtilityBar-module_searchbaractive__3gHHs"};
 styleInject(css_248z$p);
 
-function ownKeys$1x(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$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1y(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$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
   var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
@@ -27552,7 +27586,7 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1x({}, secpropobj));
+    setsectionproperties(_objectSpread$1y({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
@@ -28284,8 +28318,8 @@ var css_248z$o = ".HeaderWithAdSlider-module_nav__item__lmbKL {\n    width: 100%
 var headerstyles$2 = {"nav__item":"HeaderWithAdSlider-module_nav__item__lmbKL","link":"HeaderWithAdSlider-module_link__9hhKh","badge_counter_header_notifications":"HeaderWithAdSlider-module_badge_counter_header_notifications__Shv1O","searchbar":"HeaderWithAdSlider-module_searchbar__Dqa-y","searchbaractive":"HeaderWithAdSlider-module_searchbaractive__c7gv6"};
 styleInject(css_248z$o);
 
-function ownKeys$1w(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$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1x(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$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
   var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var _useState = useState(''),
@@ -28323,7 +28357,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1w({}, secpropobj));
+    setsectionproperties(_objectSpread$1x({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -29034,8 +29068,8 @@ var css_248z$n = ".HeaderWithSearchOnCenter-module_headercontainer__hEPeK {\n
 var headerstyles$1 = {"headercontainer":"HeaderWithSearchOnCenter-module_headercontainer__hEPeK","navbar":"HeaderWithSearchOnCenter-module_navbar__4UEjw","header_cart":"HeaderWithSearchOnCenter-module_header_cart__3m4dH","header_badge":"HeaderWithSearchOnCenter-module_header_badge__TeMF5","nav__item":"HeaderWithSearchOnCenter-module_nav__item__xRxTI","link":"HeaderWithSearchOnCenter-module_link__wYKus","badge_counter_header_notifications":"HeaderWithSearchOnCenter-module_badge_counter_header_notifications__GXHqw","searchbar":"HeaderWithSearchOnCenter-module_searchbar__H6b-F","searchbaractive":"HeaderWithSearchOnCenter-module_searchbaractive__yWggL"};
 styleInject(css_248z$n);
 
-function ownKeys$1v(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$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1w(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$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
   var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var _useState = useState(''),
@@ -29072,7 +29106,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1v({}, secpropobj));
+    setsectionproperties(_objectSpread$1w({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -29679,8 +29713,8 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
   }));
 };
 
-function ownKeys$1u(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$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1v(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$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TwoTieredHeader = function TwoTieredHeader(props) {
   var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
   var lang = props.actions.lang;
@@ -29728,7 +29762,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1u({}, secpropobj));
+    setsectionproperties(_objectSpread$1v({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -30611,8 +30645,8 @@ var css_248z$m = ".NewHeader-module_headercontainer__qY3Tj {\n    position: abso
 var headerstyles = {"headercontainer":"NewHeader-module_headercontainer__qY3Tj","navbar":"NewHeader-module_navbar__kLzIy","header_cart":"NewHeader-module_header_cart__wRj2v","header_badge":"NewHeader-module_header_badge__Et-AS","nav__item":"NewHeader-module_nav__item__jRv-r","link":"NewHeader-module_link__4ixBg","badge_counter_header_notifications":"NewHeader-module_badge_counter_header_notifications__GpVQI","searchbar":"NewHeader-module_searchbar__1aYXU","searchbaractive":"NewHeader-module_searchbaractive__Uv--y"};
 styleInject(css_248z$m);
 
-function ownKeys$1t(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$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1u(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$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
   var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var _useState = useState(''),
@@ -30649,7 +30683,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1t({}, secpropobj));
+    setsectionproperties(_objectSpread$1u({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -31387,8 +31421,8 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   }));
 };
 
-function ownKeys$1s(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$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1t(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$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Allinonefooter = function Allinonefooter(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _templatepropcontext$, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16;
   var _useState = useState(''),
@@ -31415,7 +31449,7 @@ var Allinonefooter = function Allinonefooter(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1s({}, secpropobj));
+      setsectionproperties(_objectSpread$1t({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -31425,7 +31459,7 @@ var Allinonefooter = function Allinonefooter(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1s({}, secpropobj));
+      setsectionproperties(_objectSpread$1t({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var footerStyles = {
@@ -31824,8 +31858,8 @@ var Allinonefooter = function Allinonefooter(props) {
   }, StoreInformation())));
 };
 
-function ownKeys$1r(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$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1s(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$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer1 = function Footer1(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14;
   var _useState = useState(''),
@@ -31852,7 +31886,7 @@ var Footer1 = function Footer1(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1r({}, secpropobj));
+      setsectionproperties(_objectSpread$1s({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -31862,7 +31896,7 @@ var Footer1 = function Footer1(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1r({}, secpropobj));
+      setsectionproperties(_objectSpread$1s({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -32205,8 +32239,8 @@ var Footer1 = function Footer1(props) {
   })), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.address_en)))))));
 };
 
-function ownKeys$1q(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$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1r(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$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer2 = function Footer2(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12;
   var _useState = useState(''),
@@ -32236,7 +32270,7 @@ var Footer2 = function Footer2(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1q({}, secpropobj));
+    setsectionproperties(_objectSpread$1r({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -32531,8 +32565,8 @@ var Footer2 = function Footer2(props) {
   })), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en)))))));
 };
 
-function ownKeys$1p(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$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1q(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$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer3 = function Footer3(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19;
   var _useState = useState(''),
@@ -32559,7 +32593,7 @@ var Footer3 = function Footer3(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1p({}, secpropobj));
+      setsectionproperties(_objectSpread$1q({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -32569,7 +32603,7 @@ var Footer3 = function Footer3(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1p({}, secpropobj));
+      setsectionproperties(_objectSpread$1q({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -32883,8 +32917,8 @@ var Footer3 = function Footer3(props) {
   })), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.address_en)))))));
 };
 
-function ownKeys$1o(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$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1p(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$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer4 = function Footer4(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -32907,7 +32941,7 @@ var Footer4 = function Footer4(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1o({}, secpropobj));
+      setsectionproperties(_objectSpread$1p({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -32917,7 +32951,7 @@ var Footer4 = function Footer4(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1o({}, secpropobj));
+      setsectionproperties(_objectSpread$1p({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var footerStyles = {
@@ -33302,8 +33336,8 @@ var Footer4 = function Footer4(props) {
   }))))))));
 };
 
-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; }
+function ownKeys$1o(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$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer5 = function Footer5(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i24;
   var _useState = useState(''),
@@ -33333,7 +33367,7 @@ var Footer5 = function Footer5(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1n({}, secpropobj));
+      setsectionproperties(_objectSpread$1o({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -33343,7 +33377,7 @@ var Footer5 = function Footer5(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1n({}, secpropobj));
+      setsectionproperties(_objectSpread$1o({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -33831,8 +33865,8 @@ var Footer5 = function Footer5(props) {
   }))))))));
 };
 
-function ownKeys$1m(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$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; }
+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 Footer6 = function Footer6(props) {
   var _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
   var _useState = useState(''),
@@ -33863,7 +33897,7 @@ var Footer6 = function Footer6(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1m({}, secpropobj));
+      setsectionproperties(_objectSpread$1n({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -33873,7 +33907,7 @@ var Footer6 = function Footer6(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1m({}, secpropobj));
+      setsectionproperties(_objectSpread$1n({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -34110,8 +34144,8 @@ var Footer6 = function Footer6(props) {
   }))));
 };
 
-function ownKeys$1l(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$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1m(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$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 Footer7 = function Footer7(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i11;
   var _useState = useState(''),
@@ -34142,7 +34176,7 @@ var Footer7 = function Footer7(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1l({}, secpropobj));
+      setsectionproperties(_objectSpread$1m({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -34152,7 +34186,7 @@ var Footer7 = function Footer7(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1l({}, secpropobj));
+      setsectionproperties(_objectSpread$1m({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -34510,8 +34544,8 @@ var Footer7 = function Footer7(props) {
   }))))));
 };
 
-function ownKeys$1k(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$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1l(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$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(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$i8, _authdetailsContext$i9, _templatepropcontext$;
   var _useState = useState(''),
@@ -34538,7 +34572,7 @@ var Footer8 = function Footer8(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1k({}, secpropobj));
+      setsectionproperties(_objectSpread$1l({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -34548,7 +34582,7 @@ var Footer8 = function Footer8(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1k({}, secpropobj));
+      setsectionproperties(_objectSpread$1l({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var footerStyles = {
@@ -34913,8 +34947,8 @@ var Footer8 = function Footer8(props) {
   }, lang.orderhistory)))))));
 };
 
-function ownKeys$1j(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$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1k(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$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Simplefooter = function Simplefooter(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i12;
   var _useState = useState(''),
@@ -34941,7 +34975,7 @@ var Simplefooter = function Simplefooter(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1j({}, secpropobj));
+    setsectionproperties(_objectSpread$1k({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -35208,8 +35242,8 @@ var Simplefooter = function Simplefooter(props) {
   })));
 };
 
-function ownKeys$1i(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$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1j(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$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -35232,7 +35266,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1i({}, secpropobj));
+      setsectionproperties(_objectSpread$1j({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -35242,7 +35276,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1i({}, secpropobj));
+      setsectionproperties(_objectSpread$1j({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var _useState3 = useState([]),
@@ -35520,8 +35554,8 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
   }, "@ ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.storename_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.storename_ar))));
 };
 
-function ownKeys$1h(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$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1i(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$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ModernFooter = function ModernFooter(props) {
   var _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i15, _authdetailsContext$i16;
   var _useState = useState(''),
@@ -35546,7 +35580,7 @@ var ModernFooter = function ModernFooter(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1h({}, secpropobj));
+    setsectionproperties(_objectSpread$1i({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var footerStyles = {
     footerContainer: css({
@@ -35877,6 +35911,399 @@ var ModernFooter = function ModernFooter(props) {
   })))))));
 };
 
+function ownKeys$1h(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$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Newsletterfooter = function Newsletterfooter(props) {
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    logoarrayofobjects = _useState4[0],
+    setlogoarrayofobjects = _useState4[1];
+  props.actions.history;
+  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  var templateproperties_context = props.actions.templateproperties_context;
+  var templatepropcontext = props.actions.templatepropcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  useEffect(function () {
+    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$1h({}, secpropobj));
+  }, [StatePagePropertiesContext]);
+  var footerStyles = {
+    footerContainer: css({
+      background: sectionproperties.footerbgcolor,
+      paddingTop: sectionproperties.footer_paddingTop + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
+      paddingBottom: sectionproperties.footer_paddingBottom + 'px',
+      width: '100vw'
+    }),
+    footerlogo: css({
+      width: sectionproperties.logo_width + 'px',
+      height: sectionproperties.logo_height + 'px',
+      position: 'relative'
+    }),
+    apptore: css({
+      width: '100%',
+      objectFit: 'contain'
+    }),
+    googleplay: css({
+      width: '100%',
+      objectFit: 'contain'
+    }),
+    textStyles: css({
+      fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+      color: sectionproperties.footerinfotext_color,
+      textTransform: sectionproperties.footerinfotext_textTransform,
+      fontWeight: sectionproperties.footerinfotext_fontweight
+    }),
+    logoStyles: css({
+      width: sectionproperties.logo_width + 'px',
+      height: sectionproperties.logo_height + 'px'
+    }),
+    sectionTitle: css({
+      color: sectionproperties.footerinfotext_color,
+      fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+      fontWeight: sectionproperties.footerinfotext_fontweight
+    }),
+    subPages: css({
+      textTransform: sectionproperties.footerinfotext_textTransform,
+      fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px',
+      fontWeight: sectionproperties.footerinfotext_secondaryfontweight,
+      color: sectionproperties.footerinfotext_secondarycolor,
+      cursor: 'pointer',
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.footerinfotext_coloronhover
+      }
+    }),
+    facebook_btn: css({
+      cursor: 'pointer',
+      background: sectionproperties.facebkbtnn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColor,
+      width: sectionproperties.facebkbtnnWidth == 0 ? 'auto' : sectionproperties.facebkbtnnWidth + 'px',
+      height: sectionproperties.facebkbtnnHeight == 0 ? 'auto' : sectionproperties.facebkbtnnHeight + 'px',
+      borderRadius: sectionproperties.facebkbtnn_borderRadius + 'px',
+      color: sectionproperties.facebkbtnnTextcolor,
+      border: sectionproperties.facebkbtnnborderwidth + 'px solid ' + sectionproperties.facebkbtnnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? 'Transparent' : sectionproperties.facebkbtnnbgColoronhover,
+        borderColor: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? sectionproperties.facebkbtnnTextcoloronhover : sectionproperties.facebkbtnnbgColoronhover,
+        color: sectionproperties.facebkbtnnTextcoloronhover
+      }
+    }),
+    youtube_btn: css({
+      cursor: 'pointer',
+      background: sectionproperties.youtubebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColor,
+      width: sectionproperties.youtubebtnWidth == 0 ? 'auto' : sectionproperties.youtubebtnWidth + 'px',
+      height: sectionproperties.youtubebtnHeight == 0 ? 'auto' : sectionproperties.youtubebtnHeight + 'px',
+      borderRadius: sectionproperties.youtubebtn_borderRadius + 'px',
+      color: sectionproperties.youtubebtnTextcolor,
+      border: sectionproperties.youtubebtnborderwidth + 'px solid ' + sectionproperties.youtubebtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover,
+        borderColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.youtubebtnTextcoloronhover : sectionproperties.youtubebtnbgColoronhover,
+        color: sectionproperties.youtubebtnTextcoloronhover
+      }
+    }),
+    instgram_btn: css({
+      cursor: 'pointer',
+      background: sectionproperties.instgrambtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColor,
+      width: sectionproperties.instgrambtnWidth == 0 ? 'auto' : sectionproperties.instgrambtnWidth + 'px',
+      height: sectionproperties.instgrambtnHeight == 0 ? 'auto' : sectionproperties.instgrambtnHeight + 'px',
+      borderRadius: sectionproperties.instgrambtn_borderRadius + 'px',
+      color: sectionproperties.instgrambtnTextcolor,
+      border: sectionproperties.instgrambtnborderwidth + 'px solid ' + sectionproperties.instgrambtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColoronhover,
+        borderColor: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.instgrambtnTextcoloronhover : sectionproperties.instgrambtnbgColoronhover,
+        color: sectionproperties.instgrambtnTextcoloronhover
+      }
+    }),
+    subscribetitle: css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }),
+    subscribedescription: css({
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      color: sectionproperties.prodCatColor,
+      fontWeight: sectionproperties.prodCatFontWeight
+    })
+  };
+  useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
+      var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
+      if (Array.isArray(logoarrayofobjectsparsed)) {
+        setlogoarrayofobjects(_toConsumableArray(logoarrayofobjectsparsed));
+      }
+    }
+  }, [templateproperties_context]);
+  var Section1Title = function Section1Title() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-3 mb-md-0 wordbreak d-flex d-md-none ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar));
+  };
+  var Section1pages = function Section1pages() {
+    var _templatepropcontext$;
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mt-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex justify-content-start align-items-center flex-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.createElement("div", {
+          "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
+        }, /*#__PURE__*/React.createElement("div", {
+          onClick: function onClick() {
+            routingcountext(item.navigationroute);
+          }
+        }, /*#__PURE__*/React.createElement("p", {
+          "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
+      }
+    })));
+  };
+  var Section2Title = function Section2Title() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-3 mb-md-0 wordbreak ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar));
+  };
+  var Section2pages = function Section2pages() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mt-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex justify-content-start align-items-center flex-column"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      },
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.Wishlist);
+      }
+    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(footerStyles.subPages) + ' wordbreak ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      },
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.Ordershistory);
+      }
+    }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(footerStyles.subPages) + ' wordbreak ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      },
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.Policies);
+      }
+    }, langdetect == 'en' ? sectionproperties.policiestexten : sectionproperties.policiestextar))));
+  };
+  return /*#__PURE__*/React.createElement("footer", {
+    "class": "row m-0 w-100 justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
+    },
+    "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12 d-flex justify-content-start justify-content-md-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.logoStyles) + ' cursor-pointer ',
+    onClick: function onClick() {
+      routingcountext('home');
+    }
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-md-block my-3"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "m-0 p-0"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-none d-md-flex editor-accordion"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    "class": "w-100"
+  }, /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, Section1Title()), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-2 col-md-2 col-sm-2 p-0"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: footerStyles.sectionTitle + ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FiChevronDown, null));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: footerStyles.sectionTitle + ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FiChevronUp, null));
+    }
+  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, Section1pages())))), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex d-md-none"
+  }, Section1Title(), Section1pages())), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-md-block my-3"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "m-0 p-0"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-none d-md-flex editor-accordion"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    "class": "w-100"
+  }, /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, Section2Title()), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-2 col-md-2 col-sm-2 p-0"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: footerStyles.sectionTitle + ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FiChevronDown, null));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: footerStyles.sectionTitle + ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FiChevronUp, null));
+    }
+  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, Section2pages())))), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex d-md-none"
+  }, Section2Title(), Section2pages())), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-md-block my-3"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "m-0 p-0"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.subscribetitle) + ' wordbreak m-0 p-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.subscribedescription) + ' wordbreak m-0 p-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      borderBottom: '1px solid #000'
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    style: {
+      width: '75%',
+      height: 35
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      position: 'absolute',
+      bottom: 5,
+      right: 5,
+      color: '#000',
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Subscribe' : 'إشترك'))), sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null && /*#__PURE__*/React.createElement("p", {
+    "class": footerStyles.facebook_btn + ' m-0 p-0 allcentered mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i2;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
+        var _authdetailsContext$i3;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FaFacebookF, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null && /*#__PURE__*/React.createElement("p", {
+    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null && /*#__PURE__*/React.createElement("p", {
+    "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
+    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');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  })))))));
+};
+
 function ownKeys$1g(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$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardsSection2 = function CardsSection2(props) {
@@ -48307,8 +48734,8 @@ var CardWithTextOnly = function CardWithTextOnly(props) {
   }, item.name)));
 };
 
-var css_248z$f = "\n@media (max-width: 576px) {\n    .generalCardsStyles-module_productcard__3PgiR {\n        max-width: 280px !important;\n        min-width: 280px !important;\n    }\n    .generalCardsStyles-module_Simpleproductcard__GhVP7 {\n        max-width: 250px !important;\n        min-width: 250px !important;\n    }\n    .generalCardsStyles-module_ClassicCategoryCard__UWO1a{\n        max-width: 330px !important;\n        min-width: 330px !important;\n    }\n    .generalCardsStyles-module_newproductcard__ATddn{\n        max-width: 330px !important;\n        min-width: 330px !important;\n    }\n}\n";
-var generalCardsStyles = {"productcard":"generalCardsStyles-module_productcard__3PgiR","Simpleproductcard":"generalCardsStyles-module_Simpleproductcard__GhVP7","ClassicCategoryCard":"generalCardsStyles-module_ClassicCategoryCard__UWO1a","newproductcard":"generalCardsStyles-module_newproductcard__ATddn"};
+var css_248z$f = "\n@media (max-width: 576px) {\n    .generalCardsStyles-module_productcard__3PgiR {\n        max-width: 280px !important;\n        min-width: 280px !important;\n    }\n    .generalCardsStyles-module_Simpleproductcard__GhVP7 {\n        max-width: 250px !important;\n        min-width: 250px !important;\n    }\n    .generalCardsStyles-module_ClassicCategoryCard__UWO1a{\n        max-width: 330px !important;\n        min-width: 330px !important;\n    }\n    .generalCardsStyles-module_newproductcard__ATddn{\n        max-width: 330px !important;\n        min-width: 330px !important;\n    }\n}\n\n@-webkit-keyframes generalCardsStyles-module_fadeIn__xhIy3 {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n@keyframes generalCardsStyles-module_fadeIn__xhIy3 {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.generalCardsStyles-module_imagecontainer__9bhlL {\n    transition: all 0.4s !important;\n    position: relative !important;\n}\n.generalCardsStyles-module_intialimage__JUCyy {\n    visibility: visible !important;\n    opacity: 1 !important;\n    transition: visibility 0.4s, opacity 0.4s linear !important;\n\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n}\n.generalCardsStyles-module_secondaryimage__FrA62 {\n    visibility: hidden !important;\n\n    opacity: 0 !important;\n    transition: visibility 0.4s, opacity 0.4s linear !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n}\n\n.generalCardsStyles-module_imagecontainer__9bhlL:hover .generalCardsStyles-module_intialimage__JUCyy {\n    visibility: hidden !important;\n\n    opacity: 0 !important;\n    transition: visibility 0.4s, opacity 0.4s linear !important;\n\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n}\n.generalCardsStyles-module_imagecontainer__9bhlL:hover .generalCardsStyles-module_secondaryimage__FrA62 {\n    visibility: visible !important;\n\n    opacity: 1 !important;\n    transition: visibility 0.4s, opacity 0.4s linear !important;\n\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n}\n";
+var generalCardsStyles = {"productcard":"generalCardsStyles-module_productcard__3PgiR","Simpleproductcard":"generalCardsStyles-module_Simpleproductcard__GhVP7","ClassicCategoryCard":"generalCardsStyles-module_ClassicCategoryCard__UWO1a","newproductcard":"generalCardsStyles-module_newproductcard__ATddn","imagecontainer":"generalCardsStyles-module_imagecontainer__9bhlL","intialimage":"generalCardsStyles-module_intialimage__JUCyy","secondaryimage":"generalCardsStyles-module_secondaryimage__FrA62","fadeIn":"generalCardsStyles-module_fadeIn__xhIy3"};
 styleInject(css_248z$f);
 
 function ownKeys$D(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; }
@@ -57224,7 +57651,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var NotificationManager = NotificationManager;
+  var NotificationManager = props.actions.NotificationManager;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -57519,27 +57946,45 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  props.actions.NotificationManager;
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    secondimage = _useState6[0],
+    setsecondimage = _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$b({}, 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$b({}, 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$b({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
+    var _props$cardinfoitempr, _props$cardinfoitempr2;
     setitem(props.cardinfoitemprops);
+    // alert(JSON.stringify(props.cardinfoitemprops));
+    if ((props === null || props === void 0 ? void 0 : (_props$cardinfoitempr = props.cardinfoitemprops) === null || _props$cardinfoitempr === void 0 ? void 0 : (_props$cardinfoitempr2 = _props$cardinfoitempr.productimages) === null || _props$cardinfoitempr2 === void 0 ? void 0 : _props$cardinfoitempr2.length) == 1) {
+      var _props$cardinfoitempr3;
+      setsecondimage(props === null || props === void 0 ? void 0 : (_props$cardinfoitempr3 = props.cardinfoitemprops) === null || _props$cardinfoitempr3 === void 0 ? void 0 : _props$cardinfoitempr3.image);
+    } else {
+      var _props$cardinfoitempr4, _props$cardinfoitempr5, _props$cardinfoitempr6;
+      if ((props === null || props === void 0 ? void 0 : (_props$cardinfoitempr4 = props.cardinfoitemprops) === null || _props$cardinfoitempr4 === void 0 ? void 0 : (_props$cardinfoitempr5 = _props$cardinfoitempr4.productimages[0]) === null || _props$cardinfoitempr5 === void 0 ? void 0 : _props$cardinfoitempr5.path) == (props === null || props === void 0 ? void 0 : (_props$cardinfoitempr6 = props.cardinfoitemprops) === null || _props$cardinfoitempr6 === void 0 ? void 0 : _props$cardinfoitempr6.image)) {
+        var _props$cardinfoitempr7, _props$cardinfoitempr8;
+        if ((props === null || props === void 0 ? void 0 : (_props$cardinfoitempr7 = props.cardinfoitemprops) === null || _props$cardinfoitempr7 === void 0 ? void 0 : (_props$cardinfoitempr8 = _props$cardinfoitempr7.productimages[1]) === null || _props$cardinfoitempr8 === void 0 ? void 0 : _props$cardinfoitempr8.length) != 0) {
+          var _props$cardinfoitempr9, _props$cardinfoitempr10;
+          setsecondimage(props === null || props === void 0 ? void 0 : (_props$cardinfoitempr9 = props.cardinfoitemprops) === null || _props$cardinfoitempr9 === void 0 ? void 0 : (_props$cardinfoitempr10 = _props$cardinfoitempr9.productimages[1]) === null || _props$cardinfoitempr10 === void 0 ? void 0 : _props$cardinfoitempr10.path);
+        } else {
+          var _props$cardinfoitempr11;
+          setsecondimage(props === null || props === void 0 ? void 0 : (_props$cardinfoitempr11 = props.cardinfoitemprops) === null || _props$cardinfoitempr11 === void 0 ? void 0 : _props$cardinfoitempr11.image);
+        }
+      } else {
+        var _props$cardinfoitempr12, _props$cardinfoitempr13;
+        setsecondimage(props === null || props === void 0 ? void 0 : (_props$cardinfoitempr12 = props.cardinfoitemprops) === null || _props$cardinfoitempr12 === void 0 ? void 0 : (_props$cardinfoitempr13 = _props$cardinfoitempr12.productimages[0]) === null || _props$cardinfoitempr13 === void 0 ? void 0 : _props$cardinfoitempr13.path);
+      }
+    }
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
     colorvariantcontainer: css({
@@ -57715,10 +58160,164 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
       }
+    }),
+    imageContainer: css({
+      backgroundColor: sectionproperties.image_bgcolor,
+      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',
+      height: sectionproperties.image_height + 'px',
+      '@media (max-width: 800px)': {
+        height: sectionproperties.image_height == null ? sectionproperties.image_height : sectionproperties.height_responsive + 'px'
+      }
+    }),
+    productoutercard: css({
+      minWidth: sectionproperties.width + 'px',
+      maxWidth: sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: sectionproperties.widthresponsive + 'px',
+        maxWidth: sectionproperties.widthresponsive + 'px'
+      }
     })
   };
+  var Image = function Image(type) {
+    var _ref;
+    var transition = false;
+    if (sectionproperties.showimagetransition == 'Show' && type != 'responsive') {
+      transition = true;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "w-100 cursor-pointer",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      "class": transition ? generalCardsStyles.intialimage : '',
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+      style: (_ref = {
+        opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
+        width: sectionproperties.imageInnerWidth_Height + '%',
+        height: sectionproperties.imageInnerWidth_Height + '%',
+        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
+      }, _defineProperty(_ref, "width", '100%'), _defineProperty(_ref, "height", '100%'), _ref),
+      loading: "lazy",
+      onClick: function onClick() {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }), transition && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      "class": generalCardsStyles.secondaryimage,
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + secondimage,
+      style: {
+        width: '100%',
+        height: '100%',
+        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() {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(card_cssstyles.wishlist_btn) + ' wishlist_btn cursor-pointer ',
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        addtofavoritescontext(item.productid);
+      }
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
+      size: sectionproperties.favBtnIconfontsize,
+      style: {
+        color: sectionproperties.activefaviconcolor
+      }
+    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
+      size: sectionproperties.favBtnIconfontsize,
+      style: {
+        color: sectionproperties.activefaviconcolor
+      }
+    })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
+      size: sectionproperties.favBtnIconfontsize
+    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
+      size: sectionproperties.favBtnIconfontsize
+    })))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+      "class": "allcentered",
+      style: {
+        position: 'absolute',
+        top: sectionproperties.badge_top + 'px',
+        left: sectionproperties.badge_right + 'px',
+        width: sectionproperties.badge_width + 'px',
+        height: sectionproperties.badge_height + 'px',
+        background: sectionproperties.badge_bgcolor,
+        borderRadius: sectionproperties.badge_borderradius + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": props.fontFamilyprops == 'ASUL' ? ' ASUL m-0 p-0 text-uppercase' : ' m-0 p-0 text-uppercase',
+      style: {
+        color: sectionproperties.badge_color,
+        fontSize: sectionproperties.badge_fontsize + 'px'
+      }
+    }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+      "class": "allcentered",
+      style: {
+        position: 'absolute',
+        top: sectionproperties.pillpositionfromtop + 'px',
+        left: sectionproperties.pillpositionfromright + 'px',
+        width: sectionproperties.pillwidth + 'px',
+        height: sectionproperties.pillheight + 'px',
+        background: sectionproperties.pillbgcolor,
+        borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 text-uppercase",
+      style: {
+        color: sectionproperties.pillcolor,
+        fontSize: sectionproperties.pillfontSize + 'px',
+        direction: 'ltr'
+      }
+    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+      "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
+    }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+      "class": "".concat(card_cssstyles.cart_btnresponsive) + ' cursor-pointer d-none d-md-flex d-sm-flex align-items-center justify-content-center w-sm-80 ',
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
+    }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0"
+    }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
+  };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100",
+    "class": props.sectiontypeprops2 == 'vertical' ? 'row m-0 w-100' : " ".concat(card_cssstyles.productoutercard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -57726,107 +58325,8 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.productcard) + ' w-100 '
   }, /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-    },
-    "class": "".concat(card_cssstyles.productcard_imgcontainer) + ' cursor-pointer ',
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    loading: "lazy",
-    style: {
-      width: '100%',
-      height: '100%',
-      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'
-    }
-  }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.wishlist_btn) + ' wishlist_btn cursor-pointer ',
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      addtofavoritescontext(item.productid);
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
-  }, item.IsFavExists && /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
-    size: sectionproperties.favBtnIconfontsize,
-    style: {
-      color: sectionproperties.activefaviconcolor
-    }
-  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
-    size: sectionproperties.favBtnIconfontsize,
-    style: {
-      color: sectionproperties.activefaviconcolor
-    }
-  })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
-    size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
-    size: sectionproperties.favBtnIconfontsize
-  })))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered",
-    style: {
-      position: 'absolute',
-      top: sectionproperties.badge_top + 'px',
-      left: sectionproperties.badge_right + 'px',
-      width: sectionproperties.badge_width + 'px',
-      height: sectionproperties.badge_height + 'px',
-      background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": props.fontFamilyprops == 'ASUL' ? ' ASUL m-0 p-0 text-uppercase' : ' m-0 p-0 text-uppercase',
-    style: {
-      color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered",
-    style: {
-      position: 'absolute',
-      top: sectionproperties.pillpositionfromtop + 'px',
-      left: sectionproperties.pillpositionfromright + 'px',
-      width: sectionproperties.pillwidth + 'px',
-      height: sectionproperties.pillheight + 'px',
-      background: sectionproperties.pillbgcolor,
-      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 text-uppercase",
-    style: {
-      color: sectionproperties.pillcolor,
-      fontSize: sectionproperties.pillfontSize + 'px',
-      direction: 'ltr'
-    }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
-    "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(card_cssstyles.cart_btnresponsive) + ' cursor-pointer d-none d-md-flex d-sm-flex align-items-center justify-content-center w-sm-80 ',
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": props.fontFamilyprops == 'ASUL' ? 'ASUL' : ''
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.showimagetransition == 'Show' ? " ".concat(card_cssstyles.imageContainer, " ").concat(generalCardsStyles.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.imageContainer, " ") + ' allcentered '
+  }, Image('normal')), /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 text-center mt-2'
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -57836,7 +58336,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     },
     "class": props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 100 && sectionproperties.prodNameFontWeight < 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-400 ' : props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-700 ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
   }, item.name)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center justify-content-center p-0"
+    "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-sm-column"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 ASUL ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
@@ -61123,6 +61623,7 @@ var returnLibrary = function returnLibrary() {
     Simplefooter: Simplefooter,
     FooterWithThreeColumns: FooterWithThreeColumns,
     ModernFooter: ModernFooter,
+    Newsletterfooter: Newsletterfooter,
     // Cards Sections (8)
     CardsSection: CardsSection,
     CardsSection2: CardsSection2,