tabexseriescomponents 0.0.349 → 0.0.351

package/dist/index.umd.js

@@ -468,8 +468,8 @@
       }));
     };
 
-    function ownKeys$2q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Login = function Login(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -545,7 +545,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2q({}, secpropobj));
+          setsectionproperties(_objectSpread$2r({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -712,9 +712,9 @@
           className: "".concat(loginstyles2.form_control),
           value: payloadobj.email,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$2q({}, payloadobj);
+            var temppayloadobj = _objectSpread$2r({}, payloadobj);
             temppayloadobj.email = event.target.value;
-            setpayloadobj(_objectSpread$2q({}, temppayloadobj));
+            setpayloadobj(_objectSpread$2r({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -736,9 +736,9 @@
           textplaceholder: "",
           value: payloadobj.password,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$2q({}, payloadobj);
+            var temppayloadobj = _objectSpread$2r({}, payloadobj);
             temppayloadobj.password = event.target.value;
-            setpayloadobj(_objectSpread$2q({}, temppayloadobj));
+            setpayloadobj(_objectSpread$2r({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -915,9 +915,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.email,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2q({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2r({}, forgotpasswordpayload);
           temppayloadobj.email = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2q({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2r({}, temppayloadobj));
         },
         disabled: forgetpasswordstage == 'verify' ? true : false,
         style: {
@@ -932,9 +932,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.code,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2q({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2r({}, forgotpasswordpayload);
           temppayloadobj.code = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2q({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2r({}, temppayloadobj));
         },
         style: {
           background: sectionproperties.input_bgcolor
@@ -948,9 +948,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.newpassword,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2q({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2r({}, forgotpasswordpayload);
           temppayloadobj.newpassword = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2q({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2r({}, temppayloadobj));
         },
         style: {
           background: sectionproperties.input_bgcolor
@@ -964,9 +964,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.confirmnewpassword,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2q({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2r({}, forgotpasswordpayload);
           temppayloadobj.confirmnewpassword = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2q({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2r({}, temppayloadobj));
         },
         style: {
           background: sectionproperties.input_bgcolor
@@ -978,7 +978,7 @@
         onClick: function onClick() {
           if (forgotpasswordpayload.email.length != 0) {
             var runfunc = false;
-            var tempforgotpasswordpayload = _objectSpread$2q({}, forgotpasswordpayload);
+            var tempforgotpasswordpayload = _objectSpread$2r({}, forgotpasswordpayload);
             tempforgotpasswordpayload.functype = forgetpasswordstage;
             if (forgetpasswordstage == 'verify') {
               if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1029,11 +1029,11 @@
     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-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
     styleInject(css_248z$J);
 
-    function ownKeys$2p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var selectcustomStyles = {
       option: function option(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1062,7 +1062,7 @@
     };
     var selectcustomStylesTranslated = {
       option: function option(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1091,14 +1091,14 @@
         };
       },
       placeholder: function placeholder(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           textAlign: 'right'
         });
       }
     };
     var defaultstyles = {
       option: function option(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1126,7 +1126,7 @@
         }), _ref;
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
@@ -1135,7 +1135,7 @@
     };
     var defaultstylestranslated = {
       option: function option(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1166,21 +1166,21 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
         });
       },
       placeholder: function placeholder(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           textAlign: 'right'
         });
       }
     };
     var defaultstylesnone = {
       option: function option(provided, state) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1208,7 +1208,7 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+        return _objectSpread$2q(_objectSpread$2q({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
@@ -1749,8 +1749,8 @@
       }, 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$2o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ProductExtraFields = function ProductExtraFields(props) {
       var _fetchProductInfoQuer, _css, _fetchProductInfoQuer2;
       props.actions.lang;
@@ -1805,9 +1805,9 @@
           });
         }
         setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-        var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-        setaddtocardpayloadobj(_objectSpread$2o({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
       };
       var formstyles = {
         input_label_name: glamor.css({
@@ -2008,8 +2008,8 @@
       })))));
     };
 
-    function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Product_itemtype = function Product_itemtype(props) {
       var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _ProductInfoObj$data, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
       var lang = props.actions.lang;
@@ -2487,11 +2487,11 @@
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
           if (tempaddtocardpayloadobj.quantity > 0) {
             tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
           }
-          setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$2o({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2505,9 +2505,9 @@
       }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-          setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$2o({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2795,8 +2795,8 @@
       }, ShareButtonsContainer()))))))));
     };
 
-    function ownKeys$2m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Serviceinfotabs = function Serviceinfotabs(props) {
       var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
       var langdetect = props.actions.langdetect;
@@ -2837,7 +2837,7 @@
         slots = _useState6[0],
         setslots = _useState6[1];
       React.useEffect(function () {
-        setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
           item_type: 'service'
         }));
       }, [tabsarray]);
@@ -2849,16 +2849,16 @@
         if (diffDays.toString() != 'NaN') {
           if (date2 <= date1) {
             NotificationManager.warning('', 'Please choose another date.');
-            setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
               quantity: 0
             }));
           } else {
             if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-              setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+              setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
                 quantity: diffDays
               }));
             } else {
-              setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+              setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
                 quantity: 0
               }));
               NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -2994,7 +2994,7 @@
         min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.serviceinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.reservationstarts,
         max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.serviceinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
             from: event.target.value
           }));
         }
@@ -3014,7 +3014,7 @@
         min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
         max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
             to: event.target.value
           }));
         }
@@ -3034,7 +3034,7 @@
         min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
         max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
             date: event.target.value
           }));
           setcurrentmutatestate('/fetchserviceslots');
@@ -3085,7 +3085,7 @@
             color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
           },
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -3094,7 +3094,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -3136,7 +3136,7 @@
           "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
           style: {},
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$2m(_objectSpread$2m({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$2n(_objectSpread$2n({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -3819,8 +3819,8 @@
       }, StoreInfoprops()))));
     };
 
-    function ownKeys$2l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var AddReview = function AddReview(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3872,7 +3872,7 @@
           StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2l({}, secpropobj));
+          setsectionproperties(_objectSpread$2m({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -3881,7 +3881,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2l({}, secpropobj));
+        setsectionproperties(_objectSpread$2m({}, secpropobj));
       }, [pageindexcontext]);
       var reviewstyles = {
         submitreviewbtn: glamor.css({
@@ -4007,9 +4007,9 @@
         }),
         activeColor: "#ffd700",
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2l({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2m({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewrate = event;
-          setreviewpayloadobj(_objectSpread$2l({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2m({}, tempreviewpayloadobj));
         }
       })))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12"
@@ -4023,9 +4023,9 @@
         "class": reviewstyles.form_control,
         value: reviewpayloadobj.reviewname,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2l({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2m({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewname = event.target.value;
-          setreviewpayloadobj(_objectSpread$2l({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2m({}, tempreviewpayloadobj));
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mb-4"
@@ -4035,9 +4035,9 @@
         "class": reviewstyles.form_control,
         value: reviewpayloadobj.reviewtitle,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2l({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2m({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewtitle = event.target.value;
-          setreviewpayloadobj(_objectSpread$2l({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2m({}, tempreviewpayloadobj));
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mb-4"
@@ -4048,9 +4048,9 @@
         "class": reviewstyles.form_control + ' form_control ',
         value: reviewpayloadobj.reviewbody,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2l({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2m({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewbody = event.target.value;
-          setreviewpayloadobj(_objectSpread$2l({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2m({}, tempreviewpayloadobj));
         },
         style: {
           resize: 'none',
@@ -4085,8 +4085,8 @@
       }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
     };
 
-    function ownKeys$2k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ProductReviews = function ProductReviews(props) {
       var _fetchProductInfoQuer, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
       props.actions.lang;
@@ -4320,7 +4320,7 @@
         size: "md",
         "class": "reviewmodal"
       }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(AddReview, {
-        actions: _objectSpread$2k(_objectSpread$2k({}, actions), {}, {
+        actions: _objectSpread$2l(_objectSpread$2l({}, actions), {}, {
           productid: productid,
           canuserreview: canuserreview,
           addreviewcallback: addreviewcallback
@@ -4328,8 +4328,8 @@
       }))));
     };
 
-    function ownKeys$2j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Productinfo = function Productinfo(props) {
       var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer18, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer19, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
       props.actions.srcfromprops;
@@ -4447,7 +4447,7 @@
           StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2j({}, secpropobj));
+          setsectionproperties(_objectSpread$2k({}, secpropobj));
           setTabIndex(0);
           settabname('descriptiontab');
         }
@@ -4470,7 +4470,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2j({}, secpropobj));
+        setsectionproperties(_objectSpread$2k({}, secpropobj));
       }, [pageindexcontext]);
       React.useEffect(function () {
         if (productidparam == undefined) {
@@ -4490,12 +4490,12 @@
         }
       }, [ProductInfoObj, isloaded]);
       var productidassigner = function productidassigner(productid) {
-        var tempFetchQueriesEngineContext = _objectSpread$2j({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2k({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchproductinfo = true;
-        setFetchQueriesEngineContext(_objectSpread$2j({}, tempFetchQueriesEngineContext));
-        var tempfetchproductinfoObjContext = _objectSpread$2j({}, fetchproductinfoObjContext);
+        setFetchQueriesEngineContext(_objectSpread$2k({}, tempFetchQueriesEngineContext));
+        var tempfetchproductinfoObjContext = _objectSpread$2k({}, fetchproductinfoObjContext);
         tempfetchproductinfoObjContext.productid = productid;
-        setfetchproductinfoObjContext(_objectSpread$2j({}, tempfetchproductinfoObjContext));
+        setfetchproductinfoObjContext(_objectSpread$2k({}, tempfetchproductinfoObjContext));
       };
       React.useEffect(function () {
         if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
@@ -4521,9 +4521,9 @@
             }
             setproductimagesarray([].concat(tempproductimagesarray));
             variantchecker();
-            var tempaddtocardpayloadobj = _objectSpread$2j({}, addtocardpayloadobj);
+            var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
             tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-            setaddtocardpayloadobj(_objectSpread$2j({}, tempaddtocardpayloadobj));
+            setaddtocardpayloadobj(_objectSpread$2k({}, tempaddtocardpayloadobj));
             setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
             if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.maintagid) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0) {
               GeneralAPIMutationContext.mutate({
@@ -4570,7 +4570,7 @@
         });
         variantchecker();
         variantcompleting();
-        setProductInfoObj(_objectSpread$2j({}, productarr));
+        setProductInfoObj(_objectSpread$2k({}, productarr));
       };
       var variantchecker = function variantchecker() {
         var productarr = ProductInfoObj;
@@ -4644,16 +4644,16 @@
               });
             }
             // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-            setProductInfoObj(_objectSpread$2j({}, productarr));
+            setProductInfoObj(_objectSpread$2k({}, productarr));
             setisloaded(true);
           }
         }
       };
       var variantcompleting = function variantcompleting() {
         setvariantindexcompleted('');
-        var tempaddtocardpayloadobj = _objectSpread$2j({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.variantid = '';
-        setaddtocardpayloadobj(_objectSpread$2j({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2k({}, tempaddtocardpayloadobj));
         var productarr = ProductInfoObj;
         var selectedoptionsvalues = [];
         productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -4685,7 +4685,7 @@
               NotificationManager.warning('', 'Variant Not Found');
             } else {
               variantid = variantobj.variantid;
-              var tempaddtocardpayloadobj = _objectSpread$2j({}, addtocardpayloadobj);
+              var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
               tempaddtocardpayloadobj.variantid = variantid;
               var variantimageindex = 0;
               productimagesarray === null || productimagesarray === void 0 || productimagesarray.forEach(function (tempimageitem, tempimageindex) {
@@ -4694,14 +4694,14 @@
                 }
               });
               setcurrentshowingimageindex(variantimageindex);
-              setaddtocardpayloadobj(_objectSpread$2j({}, tempaddtocardpayloadobj));
+              setaddtocardpayloadobj(_objectSpread$2k({}, tempaddtocardpayloadobj));
               setvariantindexcompleted(ProductVariantIndex);
               setvariantindex(ProductVariantIndex);
             }
           }
         });
         // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-        setProductInfoObj(_objectSpread$2j({}, productarr));
+        setProductInfoObj(_objectSpread$2k({}, productarr));
       };
       var addtocartfunc = function addtocartfunc() {
         var runfunc = false;
@@ -4721,7 +4721,7 @@
         }
         if (runfunc == true) {
           var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
-          var tempaddtocardpayloadobj = _objectSpread$2j({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.isproductforcedtocheckout;
           tempaddtocardpayloadobj.vendorid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.vendorproviderid;
           var Extrafieldvalidationresponse = validateextrafields();
@@ -4732,7 +4732,7 @@
       };
       var validateextrafields = function validateextrafields() {
         var _fetchProductInfoQuer6;
-        var tempaddtocardpayloadobj = _objectSpread$2j({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
         var status = false;
         var reason = '';
         var missingitemsfound = [];
@@ -4987,7 +4987,7 @@
       // };
       var productinfo_cssstyles = _defineProperty__default["default"]({
         containerstyles: glamor.css({
-          marginTop: sectionproperties.marginTop + 'px',
+          marginTop: props.srcfromprops != 'templatedraftrouter' ? sectionproperties.marginTop + 'px' : 30,
           '@media (max-width: 800px)': {
             marginTop: sectionproperties.marginTopResp + 'px'
           }
@@ -5746,7 +5746,7 @@
       }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
         "class": "w-100 mt-5 mb-4"
       }, tabname == 'descriptiontab' && sectionproperties.descriptionposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
-        actions: _objectSpread$2j(_objectSpread$2j({}, actions), {}, {
+        actions: _objectSpread$2k(_objectSpread$2k({}, actions), {}, {
           productinfo_cssstyles: productinfo_cssstyles,
           sectionproperties: sectionproperties
         })
@@ -5777,7 +5777,7 @@
       })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
       }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
-        actions: _objectSpread$2j(_objectSpread$2j({}, actions), {}, {
+        actions: _objectSpread$2k(_objectSpread$2k({}, actions), {}, {
           productinfo_cssstyles: productinfo_cssstyles,
           sectionproperties: sectionproperties
         })
@@ -5794,8 +5794,8 @@
     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$2i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Staticpagesrouter = function Staticpagesrouter(props) {
       var _useState = React.useState(props.currentpageprops),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -5831,7 +5831,7 @@
           templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2i({}, secpropobj));
+          setsectionproperties(_objectSpread$2j({}, secpropobj));
         }
       }, [CurrentPageId]);
       var styles = {
@@ -5996,8 +5996,8 @@
       }))))));
     };
 
-    function ownKeys$2h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Ordershistory = function Ordershistory(props) {
       var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue2, _fetchorderhistoryQue3, _fetchorderhistoryQue4, _fetchorderhistoryQue5;
       var lang = props.actions.lang;
@@ -6050,9 +6050,9 @@
         setorderindex = _useState14[1];
       React.useEffect(function () {
         if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-          var tempFetchQueriesEngineContext = _objectSpread$2h({}, FetchQueriesEngineContext);
+          var tempFetchQueriesEngineContext = _objectSpread$2i({}, FetchQueriesEngineContext);
           tempFetchQueriesEngineContext.orderhistory = true;
-          setFetchQueriesEngineContext(_objectSpread$2h({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$2i({}, tempFetchQueriesEngineContext));
         }
       }, []);
       var _useState15 = React.useState(''),
@@ -6073,7 +6073,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2h({}, secpropobj));
+        setsectionproperties(_objectSpread$2i({}, secpropobj));
       }, [props === null || props === void 0 || (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
       var orderhistory_cssstyles = {
         variantcontainer: glamor.css({
@@ -6961,8 +6961,8 @@
     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$2g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Wishlist = function Wishlist(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
       var lang = props.actions.lang;
@@ -6990,13 +6990,13 @@
           StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2g({}, secpropobj));
+          setsectionproperties(_objectSpread$2h({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$2g({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2h({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-        setFetchQueriesEngineContext(_objectSpread$2g({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$2h({}, tempFetchQueriesEngineContext));
       }, []);
       React.useEffect(function () {
         if (Object.keys(StatePagePropertiesContext).length != 0) {
@@ -7005,7 +7005,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2g({}, secpropobj));
+          setsectionproperties(_objectSpread$2h({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var wishlist_cssstyles = {
@@ -7414,8 +7414,8 @@
       })));
     };
 
-    function ownKeys$2f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Viewcart = function Viewcart(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
       var lang = props.actions.lang;
@@ -7447,7 +7447,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2f({}, secpropobj));
+          setsectionproperties(_objectSpread$2g({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -7781,9 +7781,9 @@
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
-          // borderColor: sectionproperties.sectioncardbordercolor,
-          // border: sectionproperties.sectioncardborderwidth + 'px solid',
+          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+          borderColor: sectionproperties.sectioncardbordercolor,
+          border: sectionproperties.sectioncardborderwidth + 'px solid'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'col-lg-12 p-0'
@@ -8031,12 +8031,12 @@
       }, Summary()))))));
     };
 
-    var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    /* height: 25px; */\n    /* font-size: 1rem; */\n    font-weight: 500;\n    /* color: #444054; */\n    /* background-color: white; */\n    /* border-radius: 20px; */\n    /* box-shadow: 0 0 10px #e6e6e6; */\n    /* height: 40px; */\n    padding-left: 0;\n    padding-right: 0;\n    /* font-size: 14px; */\n    transition: background 0s ease-out;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    /* min-height: 100px !important; */\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
+    var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    /* height: 25px; */\n    /* font-size: 1rem; */\n    font-weight: 500;\n    /* color: #444054; */\n    /* background-color: white; */\n    /* border-radius: 20px; */\n    /* box-shadow: 0 0 10px #e6e6e6; */\n    /* height: 40px; */\n    padding-left: 0;\n    padding-right: 0;\n    /* font-size: 14px; */\n    transition: background 0s ease-out;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    /* background-color: #e9ecef; */\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    /* min-height: 100px !important; */\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
     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$2e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -8094,7 +8094,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2e({}, secpropobj));
+        setsectionproperties(_objectSpread$2f({}, secpropobj));
       }, [props.actions.StatePagePropertiesContext]);
       React.useEffect(function () {
         var Canorder = false;
@@ -8114,10 +8114,10 @@
           }
           if (Canorder == true) {
             var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7;
-            var tempFetchQueriesEngineContext = _objectSpread$2e({}, FetchQueriesEngineContext);
+            var tempFetchQueriesEngineContext = _objectSpread$2f({}, FetchQueriesEngineContext);
             tempFetchQueriesEngineContext.fetchtabexcountries = true;
-            setFetchQueriesEngineContext(_objectSpread$2e({}, tempFetchQueriesEngineContext));
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2e({}, FetchTabexStatesPayloadobjContext);
+            setFetchQueriesEngineContext(_objectSpread$2f({}, tempFetchQueriesEngineContext));
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2f({}, FetchTabexStatesPayloadobjContext);
             if (
             // Aya
             !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.countryid) != null &&
@@ -8134,7 +8134,7 @@
               var _fetchcustomercartQue8;
               tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart.stateid;
             }
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2e({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2f({}, tempFetchTabexStatesPayloadobjContext));
           } else {
             // NotificationManager.warning('', lang.pleaselogintocheckout);
             routingcountext(StaticPagesLinksContext.Login);
@@ -8342,8 +8342,6 @@
         borderRadius: sectionproperties.reservation_borderradius + 'px',
         border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
       })), _defineProperty__default["default"](_checkoutstyles, "containerstyles", glamor.css({
-        marginTop: sectionproperties.marginTop + 'px',
-        marginBottom: sectionproperties.marginBottom + 'px',
         paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
         paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
         paddingTop: sectionproperties.paddingTop + 'px',
@@ -8995,10 +8993,10 @@
           return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue58 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue58 === void 0 || (_fetchcustomercartQue58 = _fetchcustomercartQue58.data) === null || _fetchcustomercartQue58 === void 0 ? void 0 : _fetchcustomercartQue58.customercart.countryid);
         }),
         onChange: function onChange(option) {
-          var tempFetchTabexStatesPayloadobjContext = _objectSpread$2e({}, FetchTabexStatesPayloadobjContext);
+          var tempFetchTabexStatesPayloadobjContext = _objectSpread$2f({}, FetchTabexStatesPayloadobjContext);
           tempFetchTabexStatesPayloadobjContext.functype = 'states';
           tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$2e({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$2f({}, tempFetchTabexStatesPayloadobjContext));
           cartinfoupdater('countryid', option.id);
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9043,10 +9041,10 @@
         onChange: function onChange(option) {
           var _fetchcustomercartQue60;
           if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue60 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue60 === void 0 || (_fetchcustomercartQue60 = _fetchcustomercartQue60.data) === null || _fetchcustomercartQue60 === void 0 ? void 0 : _fetchcustomercartQue60.customercart.countryid.length) != 0) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2e({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2f({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2e({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2f({}, tempFetchTabexStatesPayloadobjContext));
             cartinfoupdater('stateid', option.id);
           } else {
             NotificationManager.warning('', 'Please Choose Country Or State');
@@ -9368,8 +9366,8 @@
       }, Mycart())))));
     };
 
-    function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -9479,46 +9477,46 @@
         }
       }, [fetchAuthorizationQueryContext.isSuccess]);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$2d({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2e({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
-        setFetchQueriesEngineContext(_objectSpread$2d({}, tempFetchQueriesEngineContext));
-        var tempFetchQueriesEngineContext = _objectSpread$2d({}, FetchQueriesEngineContext);
+        setFetchQueriesEngineContext(_objectSpread$2e({}, tempFetchQueriesEngineContext));
+        var tempFetchQueriesEngineContext = _objectSpread$2e({}, FetchQueriesEngineContext);
       }, []);
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-          setsectionproperties(_objectSpread$2d({}, props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$2e({}, props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       React.useEffect(function () {
         if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
           if (authdetailsContext.loggedin == true) {
-            var tempcustomerinfoobj = _objectSpread$2d({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
-            setpayloadobj(_objectSpread$2d({}, tempcustomerinfoobj));
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2d({}, FetchTabexStatesPayloadobjContext);
+            var tempcustomerinfoobj = _objectSpread$2e({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
+            setpayloadobj(_objectSpread$2e({}, tempcustomerinfoobj));
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2e({}, FetchTabexStatesPayloadobjContext);
             if (tempcustomerinfoobj.countryid != null) {
               tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
             }
             if (tempcustomerinfoobj.stateid != null) {
               tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
             }
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2e({}, tempFetchTabexStatesPayloadobjContext));
             setdataloaded(true);
           } else {
             var _fetchinstitutecustom;
-            var tempcustomerinfoobj = _objectSpread$2d({}, payloadobj);
+            var tempcustomerinfoobj = _objectSpread$2e({}, payloadobj);
             if (Array.isArray(fetchinstitutecustomerinfosignupQueryContext === null || fetchinstitutecustomerinfosignupQueryContext === void 0 || (_fetchinstitutecustom = fetchinstitutecustomerinfosignupQueryContext.data) === null || _fetchinstitutecustom === void 0 || (_fetchinstitutecustom = _fetchinstitutecustom.data) === null || _fetchinstitutecustom === void 0 ? void 0 : _fetchinstitutecustom.instsignupformvalues)) {
               tempcustomerinfoobj.instsignupformvalues = _toConsumableArray__default["default"](fetchinstitutecustomerinfosignupQueryContext.data.data.instsignupformvalues);
             }
-            setpayloadobj(_objectSpread$2d({}, tempcustomerinfoobj));
+            setpayloadobj(_objectSpread$2e({}, tempcustomerinfoobj));
             setdataloaded(true);
           }
         }
       }, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
       var payloadobjchange = function payloadobjchange(key, value) {
-        var temppayloadobj = _objectSpread$2d({}, payloadobj);
+        var temppayloadobj = _objectSpread$2e({}, payloadobj);
         temppayloadobj[key] = value;
-        setpayloadobj(_objectSpread$2d({}, temppayloadobj));
+        setpayloadobj(_objectSpread$2e({}, 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,}))$/);
@@ -9590,7 +9588,7 @@
       };
       var signupbuttonfunc = function signupbuttonfunc() {
         if (verifypayload() == true) {
-          var temppayloadobj = _objectSpread$2d({}, payloadobj);
+          var temppayloadobj = _objectSpread$2e({}, payloadobj);
           if (authdetailsContext.loggedin == true) {
             temppayloadobj.functype = 'edit';
           } else {
@@ -9747,10 +9745,10 @@
           autoFormat: true,
           value: payloadobj.mobile,
           onChange: function onChange(event, country) {
-            var temp = _objectSpread$2d({}, payloadobj);
+            var temp = _objectSpread$2e({}, payloadobj);
             temp.mobile = event;
             temp.countrydialcode = country.dialCode;
-            setpayloadobj(_objectSpread$2d({}, temp));
+            setpayloadobj(_objectSpread$2e({}, temp));
             // payloadobjchange('mobile', event);
 
             // alert(JSON.stringify(country));
@@ -9807,10 +9805,10 @@
             return option.id == payloadobj.countryid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2d({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2e({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'states';
             tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2e({}, tempFetchTabexStatesPayloadobjContext));
             payloadobjchange('countryid', option.id);
           },
           styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9859,10 +9857,10 @@
             return option.id == payloadobj.stateid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2d({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2e({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2e({}, tempFetchTabexStatesPayloadobjContext));
             payloadobjchange('stateid', option.id);
           },
           styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9998,9 +9996,9 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$2d({}, payloadobj);
+              var temppayloadobj = _objectSpread$2e({}, payloadobj);
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$2d({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2e({}, temppayloadobj));
             },
             style: {
               background: 'transparent'
@@ -10014,13 +10012,13 @@
             className: formstyles.checkboxinputstyles + ' mt-auto mb-auto ',
             checked: item.customersignupvalue == 1 ? true : false,
             onChange: function onChange() {
-              var temppayloadobj = _objectSpread$2d({}, payloadobj);
+              var temppayloadobj = _objectSpread$2e({}, payloadobj);
               if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
                 temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
               } else {
                 temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
               }
-              setpayloadobj(_objectSpread$2d({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2e({}, temppayloadobj));
             }
           }), /*#__PURE__*/React__default["default"].createElement("svg", {
             viewBox: "0 0 21 21",
@@ -10037,9 +10035,9 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$2d({}, payloadobj);
+              var temppayloadobj = _objectSpread$2e({}, payloadobj);
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$2d({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2e({}, temppayloadobj));
             }
           }, /*#__PURE__*/React__default["default"].createElement("option", {
             value: '',
@@ -10054,9 +10052,9 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$2d({}, payloadobj);
+              var temppayloadobj = _objectSpread$2e({}, payloadobj);
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$2d({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2e({}, temppayloadobj));
             },
             style: {
               resize: 'none'
@@ -10410,7 +10408,7 @@
         className: "".concat(formstyles.form_control),
         value: validateemailpayload.code,
         onChange: function onChange(event) {
-          setvalidateemailpayload(_objectSpread$2d(_objectSpread$2d({}, validateemailpayload), {}, {
+          setvalidateemailpayload(_objectSpread$2e(_objectSpread$2e({}, validateemailpayload), {}, {
             code: event.target.value
           }));
         },
@@ -10437,12 +10435,12 @@
                 mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                   if (data.data.status) {
                     if (data.data.functype == 'sendcode') {
-                      setvalidateemailpayload(_objectSpread$2d(_objectSpread$2d({}, validateemailpayload), {}, {
+                      setvalidateemailpayload(_objectSpread$2e(_objectSpread$2e({}, validateemailpayload), {}, {
                         step: 'verifycode'
                       }));
                     }
                     if (data.data.functype == 'verifycode') {
-                      setvalidateemailpayload(_objectSpread$2d(_objectSpread$2d({}, validateemailpayload), {}, {
+                      setvalidateemailpayload(_objectSpread$2e(_objectSpread$2e({}, validateemailpayload), {}, {
                         isvalidated: true
                       }));
                       setvalidateemailmodal(false);
@@ -10537,7 +10535,7 @@
         className: "".concat(formstyles.form_control),
         value: validatephonenumberpayload.code,
         onChange: function onChange(event) {
-          setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+          setvalidatephonenumberpayload(_objectSpread$2e(_objectSpread$2e({}, validatephonenumberpayload), {}, {
             code: event.target.value
           }));
         },
@@ -10564,12 +10562,12 @@
                 mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                   if (data.data.status) {
                     if (data.data.functype == 'sendcode') {
-                      setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+                      setvalidatephonenumberpayload(_objectSpread$2e(_objectSpread$2e({}, validatephonenumberpayload), {}, {
                         step: 'verifycode'
                       }));
                     }
                     if (data.data.functype == 'verifycode') {
-                      setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+                      setvalidatephonenumberpayload(_objectSpread$2e(_objectSpread$2e({}, validatephonenumberpayload), {}, {
                         isvalidated: true
                       }));
                       setvalidatephonenumbermodal(false);
@@ -10605,8 +10603,8 @@
       }, validatephonenumberpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
     };
 
-    function ownKeys$2c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Signup = function Signup(props) {
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       props.actions.CurrentSrcTypeContext;
@@ -10654,7 +10652,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2c({}, secpropobj));
+          setsectionproperties(_objectSpread$2d({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var loginstyles2 = {
@@ -10797,8 +10795,8 @@
       }, SignupContent()));
     };
 
-    function ownKeys$2b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Afiiliatesignup = function Afiiliatesignup(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -10864,7 +10862,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2b({}, secpropobj));
+          setsectionproperties(_objectSpread$2c({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var loginstyles2 = {
@@ -10965,7 +10963,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.name,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2b(_objectSpread$2b({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2c(_objectSpread$2c({}, affsignuppayload), {}, {
             name: event.target.value
           }));
         },
@@ -10981,7 +10979,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.email,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2b(_objectSpread$2b({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2c(_objectSpread$2c({}, affsignuppayload), {}, {
             email: event.target.value
           }));
         },
@@ -10999,10 +10997,10 @@
         autoFormat: true,
         value: affsignuppayload.phonenumber,
         onChange: function onChange(event, country) {
-          var temp = _objectSpread$2b({}, affsignuppayload);
+          var temp = _objectSpread$2c({}, affsignuppayload);
           temp.phonenumber = event;
           temp.countrydialcode = country.dialCode;
-          setaffsignuppayload(_objectSpread$2b({}, temp));
+          setaffsignuppayload(_objectSpread$2c({}, temp));
           // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
         },
 
@@ -11018,7 +11016,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.ssn,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2b(_objectSpread$2b({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2c(_objectSpread$2c({}, affsignuppayload), {}, {
             ssn: event.target.value
           }));
         },
@@ -11034,7 +11032,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.password,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2b(_objectSpread$2b({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2c(_objectSpread$2c({}, affsignuppayload), {}, {
             password: event.target.value
           }));
         },
@@ -11050,7 +11048,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.confirmpassword,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2b(_objectSpread$2b({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2c(_objectSpread$2c({}, affsignuppayload), {}, {
             confirmpassword: event.target.value
           }));
         },
@@ -11103,8 +11101,8 @@
       }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar)))))))));
     };
 
-    function ownKeys$2a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$2a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var AccountInformation = function AccountInformation(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
       var lang = props.actions.lang;
@@ -11131,7 +11129,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2a({}, secpropobj));
+        setsectionproperties(_objectSpread$2b({}, secpropobj));
       }, [props.actions.StatePagePropertiesContext]);
       React.useEffect(function () {
         var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
@@ -11293,8 +11291,8 @@
     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$29(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$2a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Policies = function Policies(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3;
       var _useState = React.useState(''),
@@ -11325,7 +11323,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$29({}, secpropobj));
+          setsectionproperties(_objectSpread$2a({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -11338,9 +11336,9 @@
         }
       }, []);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$29({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2a({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$29({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$2a({}, tempFetchQueriesEngineContext));
       }, []);
       var _useState7 = React.useState([]),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
@@ -11570,8 +11568,8 @@
     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$28(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$28(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$28(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$28(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$29(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CartSlider = function CartSlider(props) {
       var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
       var lang = props.actions.lang;
@@ -11637,7 +11635,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$28({}, secpropobj));
+        setsectionproperties(_objectSpread$29({}, secpropobj));
       }, [CurrentPageId]);
       React.useEffect(function () {
         if (CurrentSrcTypeContext == 'workplace') {
@@ -11647,7 +11645,7 @@
             StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
               secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
             });
-            setsectionproperties(_objectSpread$28({}, secpropobj));
+            setsectionproperties(_objectSpread$29({}, secpropobj));
           }
         }
       }, [StatePagePropertiesContext]);
@@ -11887,7 +11885,7 @@
           background: sectionproperties.vl_bg
         }
       }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.status) && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 h-100"
+        "class": "row m-0 w-100 h-100 px-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(cartstyles.cartslider_container, " ") + ' pb-3 h-100 w-100 ',
         style: {
@@ -11984,10 +11982,42 @@
           className: 'col-lg-4 col-md-4 col-sm-4 p-0'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: cart_cssstyles.imagecont
-        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        }, item.productinfo.hasvariants == 0 && item.productinfo.productmainimage != '' && /*#__PURE__*/React__default["default"].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.productinfo.productmainimage,
+          loading: "lazy",
+          style: {
+            height: '100%',
+            width: '100%',
+            objectFit: 'contain'
+          }
+        }), item.productinfo.hasvariants == 0 && item.productinfo.productmainimage == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+          style: {
+            width: '100%',
+            height: '100%',
+            background: '#eee',
+            borderRadius: 10
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 allcentered text-light"
+        }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+          size: 26
+        }))), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantimageurl == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+          style: {
+            width: '100%',
+            height: '100%',
+            background: '#eee',
+            borderRadius: 10
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 allcentered text-light"
+        }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+          size: 26
+        }))), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantimageurl != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
           urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
           publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-          path: item.productinfo.hasvariants == 0 ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.productmainimage : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.variantinfo.variantimageurl,
+          path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.variantinfo.variantimageurl,
           loading: "lazy",
           style: {
             height: '100%',
@@ -12025,7 +12055,7 @@
           "class": "row m-0 w-100"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-9 p-0 d-flex justify-content-start align-items-center"
-        }, /*#__PURE__*/React__default["default"].createElement("button", {
+        }, item.productinfo.item_type == 'product' && item.productinfo.isproducthasquantitychange == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
           className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
         }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
@@ -12060,7 +12090,49 @@
           }
         }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
           size: sectionproperties.remove_quantitybtn_textfontsize
-        })))), /*#__PURE__*/React__default["default"].createElement("div", {
+        }))), item.productinfo.item_type == 'service' && item.reserv_fixeddate != null && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row m-0 w-100 d-flex align-items-center justify-content-start",
+          style: {
+            color: sectionproperties.quantitybtn_textcolor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start flex-row"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, item.reserv_fixeddate)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start flex-row"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, item.reserv_time)))), item.productinfo.item_type == 'service' && item.reserv_fixeddate == null && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row m-0 w-100 d-flex align-items-center justify-content-start",
+          style: {
+            color: sectionproperties.quantitybtn_textcolor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start flex-row"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, langdetect == 'en' ? 'From' : 'من', ": ", item.reserv_fromdate)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 text-start flex-row"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, langdetect == 'en' ? 'To' : 'إلى', ": ", item.reserv_todate))))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-3 p-0 d-flex justify-content-end align-items-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "".concat(cart_cssstyles.trash_btn) + ' cursor-pointer m-0 p-0 ',
@@ -12112,11 +12184,11 @@
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0",
         style: {
-          color: '#ababab',
+          color: sectionproperties.generaltext_fontColor,
           fontSize: '13px',
           fontWeight: 500
         }
-      }, langdetect == 'en' ? 'Shipping calculated at checkout.' : 'مصاريف الشحن تحسب عند الدفع.')), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.customercart) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.cartitems) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.customercart) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.cartitems) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mt-4 d-flex flex-column align-items-center justify-content-center"
       }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
         className: " ".concat(cart_cssstyles.cart_btn) + ' mb-2 d-flex align-items-center justify-content-center ',
@@ -12131,8 +12203,8 @@
       }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar))))))))));
     };
 
-    function ownKeys$27(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$27(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$27(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$27(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$28(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$28(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$28(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$28(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Categoriesdropdown = function Categoriesdropdown(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2);
@@ -12176,7 +12248,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$27({}, secpropobj));
+        setsectionproperties(_objectSpread$28({}, secpropobj));
       }, [CurrentPageId]);
       React.useEffect(function () {
         if (CurrentSrcTypeContext == 'workplace') {
@@ -12186,7 +12258,7 @@
             StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
               secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
             });
-            setsectionproperties(_objectSpread$27({}, secpropobj));
+            setsectionproperties(_objectSpread$28({}, secpropobj));
           }
         }
       }, [StatePagePropertiesContext]);
@@ -12414,8 +12486,8 @@
       }, CategoriesDropdown()));
     };
 
-    function ownKeys$26(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$26(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$26(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$26(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$27(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$27(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$27(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$27(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var OrderSuccess = function OrderSuccess(props) {
       var _props$actions2;
       props.actions.lang;
@@ -12465,7 +12537,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$26({}, secpropobj));
+        setsectionproperties(_objectSpread$27({}, secpropobj));
       }, [props === null || props === void 0 || (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
       var authdetailsContext = props.actions.authdetailsContext;
       var ordersuccessstyle = {
@@ -12562,8 +12634,8 @@
     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$25(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$25(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$25(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$25(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$26(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$26(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$26(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$26(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -12670,11 +12742,11 @@
         }
         timeoutRef.current = setTimeout(function () {
           if (raterangevalue.min != 0 || raterangevalue.max != 5) {
-            var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+            var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
             tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
             // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
           }
         }, 500);
@@ -12759,24 +12831,24 @@
       React.useEffect(function () {
         if (fetchTabexStatesQueryContext.isSuccess) {
           if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$25({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$26({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$25({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$26({}, tempFetchTabexStatesPayloadobjContext));
           }
         }
       }, [fetchTabexStatesQueryContext.isSuccess]);
       var filterupdater = function filterupdater() {
         setTimeout(function () {
-          var tempFetchQueriesEngineContext = _objectSpread$25({}, FetchQueriesEngineContext);
+          var tempFetchQueriesEngineContext = _objectSpread$26({}, FetchQueriesEngineContext);
           tempFetchQueriesEngineContext.fetchtabexcountries = true;
           setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
         }, 100);
         if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
-          var tempFetchTabexStatesPayloadobjContext = _objectSpread$25({}, FetchTabexStatesPayloadobjContext);
+          var tempFetchTabexStatesPayloadobjContext = _objectSpread$26({}, FetchTabexStatesPayloadobjContext);
           tempFetchTabexStatesPayloadobjContext.functype = 'states';
           tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$25({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$26({}, tempFetchTabexStatesPayloadobjContext));
         }
         if (instfilters.length != 0) {
           var _ProductFilterObjCont3;
@@ -12838,7 +12910,7 @@
         }
       };
       var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
         if (type == 'clearfilters') {
           tempfetchproductsfilerobjcontext.FilterOptions = [];
         } else {
@@ -12862,14 +12934,14 @@
           tempfetchproductsfilerobjcontext.isfilter = 1;
         }
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
 
       var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
         var _tempfetchproductsfil2;
-        var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
         var CollectionExists = false;
         tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
           if (filteritem == collectionid) {
@@ -12886,127 +12958,143 @@
         }
         tempfetchproductsfilerobjcontext.page = 0;
         tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-        setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
 
+      var AccordionInner = function AccordionInner(parentcollectionindex, parentcollectionitem) {
+        var _parentcollectionitem;
+        return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+          uuid: parentcollectionindex
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-10 col-md-10 col-sm-10 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: langdetect == 'en' ? filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 ' : filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 text-right'
+        }, langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-2 col-md-2 col-sm-2 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+          if (state.expanded == true) {
+            return /*#__PURE__*/React__default["default"].createElement("i", {
+              className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+          } else {
+            return /*#__PURE__*/React__default["default"].createElement("i", {
+              className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+          }
+        }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+          className: "p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex "
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 mb-3 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
+          style: {
+            textDecoration: 'underline'
+          },
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + parentcollectionitem.parentcollectionid);
+          }
+        }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: 'col-lg-12 pl-md-3 pr-md-3'
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: langdetect == 'en' ? "".concat(filterstyles.timeline, "  ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+        }, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
+          if (collectionitem.isinftiler == 1) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-start pb-3 ',
+              onClick: function onClick() {
+                setCollectionFilterFunc(collectionitem.collectionid);
+              }
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
+            }, /*#__PURE__*/React__default["default"].createElement("i", {
+              className: "h-100 d-flex align-items-center"
+            })), /*#__PURE__*/React__default["default"].createElement("div", {
+              className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+            }, /*#__PURE__*/React__default["default"].createElement("p", {
+              className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+              style: {
+                color: collectionitem.isfilterselected ? sectionproperties.activecat_color : ''
+              }
+            }, langdetect == 'en' ? collectionitem.title_en : collectionitem.title_ar)));
+          }
+        }))))));
+      };
+      var AccordionOuter = function AccordionOuter(categoryItem, categoryIndex) {
+        var _authdetailsContext$i3;
+        return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+          uuid: categoryIndex
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-1 pl-md-3 pr-md-3 '
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: filter_cssstyles.categoryName + ' collapsetitle text-capitalize m-0 p-0 '
+        }, langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-2 col-md-2 col-sm-2 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+          if (state.expanded == true) {
+            return /*#__PURE__*/React__default["default"].createElement("i", {
+              className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+          } else {
+            return /*#__PURE__*/React__default["default"].createElement("i", {
+              className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("hr", {
+          className: "mt-3 mb-2"
+        }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+          className: "p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 mb-3 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
+          style: {
+            textDecoration: 'underline'
+          },
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + categoryItem.categoryid);
+          }
+        }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcategories[categoryIndex]) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.parentcolletions.map(function (parentcollectionitem, parentcollectionindex) {
+          if (parentcollectionitem.isinftiler == 1) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": "col-lg-12"
+            }, sectionproperties.expandall == 'Yes' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+              allowMultipleExpanded: true,
+              allowZeroExpanded: true,
+              preExpanded: [0, 1, 2, 3, 4, 5, 6, 7, 8,, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
+            }, AccordionInner(parentcollectionindex, parentcollectionitem)), sectionproperties.expandall == 'No' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+              allowMultipleExpanded: true,
+              allowZeroExpanded: true
+            }, AccordionInner(parentcollectionindex, parentcollectionitem)));
+          }
+        }))));
+      };
       var CategoriesFilter = function CategoriesFilter() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, instcategories === null || instcategories === void 0 ? void 0 : instcategories.map(function (categoryItem, categoryIndex) {
           if (categoryItem.isinftiler == 1) {
-            var _authdetailsContext$i3;
-            return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": "col-lg-12 p-0"
+            }, sectionproperties.expandall == 'Yes' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+              allowMultipleExpanded: true,
+              allowZeroExpanded: true,
+              preExpanded: [0, 1, 2, 3, 4, 5, 6, 7, 8,, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
+            }, AccordionOuter(categoryItem, categoryIndex)), sectionproperties.expandall == 'No' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
               allowMultipleExpanded: true,
               allowZeroExpanded: true
-            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
-              uuid: categoryIndex
-            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-1 pl-md-3 pr-md-3 '
-            }, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
-            }, /*#__PURE__*/React__default["default"].createElement("p", {
-              className: filter_cssstyles.categoryName + ' collapsetitle text-capitalize m-0 p-0 '
-            }, langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "col-lg-2 col-md-2 col-sm-2 p-0"
-            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
-              if (state.expanded == true) {
-                return /*#__PURE__*/React__default["default"].createElement("i", {
-                  className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-                }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
-              } else {
-                return /*#__PURE__*/React__default["default"].createElement("i", {
-                  className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-                }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
-              }
-            })), /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "col-lg-12 p-0"
-            }, /*#__PURE__*/React__default["default"].createElement("hr", {
-              className: "mt-3 mb-2"
-            }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
-              className: "p-0"
-            }, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
-            }, /*#__PURE__*/React__default["default"].createElement("div", {
-              "class": "col-lg-12 mb-3 allcentered"
-            }, /*#__PURE__*/React__default["default"].createElement("p", {
-              "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
-              style: {
-                textDecoration: 'underline'
-              },
-              onClick: function onClick() {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + categoryItem.categoryid);
-              }
-            }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcategories[categoryIndex]) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.parentcolletions.map(function (parentcollectionitem, parentcollectionindex) {
-              if (parentcollectionitem.isinftiler == 1) {
-                var _parentcollectionitem;
-                return /*#__PURE__*/React__default["default"].createElement("div", {
-                  "class": "col-lg-12"
-                }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-                  allowMultipleExpanded: true,
-                  allowZeroExpanded: true
-                }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
-                  uuid: parentcollectionindex
-                }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-                  className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
-                }, /*#__PURE__*/React__default["default"].createElement("div", {
-                  className: "col-lg-10 col-md-10 col-sm-10 p-0"
-                }, /*#__PURE__*/React__default["default"].createElement("p", {
-                  className: langdetect == 'en' ? filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 ' : filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 text-right'
-                }, langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-                  className: "col-lg-2 col-md-2 col-sm-2 p-0"
-                }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
-                  if (state.expanded == true) {
-                    return /*#__PURE__*/React__default["default"].createElement("i", {
-                      className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-                    }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
-                  } else {
-                    return /*#__PURE__*/React__default["default"].createElement("i", {
-                      className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-                    }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
-                  }
-                }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
-                  className: "p-0"
-                }, /*#__PURE__*/React__default["default"].createElement("div", {
-                  className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex "
-                }, /*#__PURE__*/React__default["default"].createElement("div", {
-                  "class": "col-lg-12 mb-3 allcentered"
-                }, /*#__PURE__*/React__default["default"].createElement("p", {
-                  "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
-                  style: {
-                    textDecoration: 'underline'
-                  },
-                  onClick: function onClick() {
-                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + parentcollectionitem.parentcollectionid);
-                  }
-                }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-                  className: 'col-lg-12 pl-md-3 pr-md-3'
-                }, /*#__PURE__*/React__default["default"].createElement("div", {
-                  className: langdetect == 'en' ? "".concat(filterstyles.timeline, "  ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
-                }, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
-                  if (collectionitem.isinftiler == 1) {
-                    return /*#__PURE__*/React__default["default"].createElement("div", {
-                      className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                    ").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                    ") + ' d-flex align-items-start pb-3 ',
-                      onClick: function onClick() {
-                        setCollectionFilterFunc(collectionitem.collectionid);
-                      }
-                    }, /*#__PURE__*/React__default["default"].createElement("div", {
-                      className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
-                    }, /*#__PURE__*/React__default["default"].createElement("i", {
-                      className: "h-100 d-flex align-items-center"
-                    })), /*#__PURE__*/React__default["default"].createElement("div", {
-                      className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-                    }, /*#__PURE__*/React__default["default"].createElement("p", {
-                      className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
-                      style: {
-                        color: collectionitem.isfilterselected ? sectionproperties.activecat_color : ''
-                      }
-                    }, langdetect == 'en' ? collectionitem.title_en : collectionitem.title_ar)));
-                  }
-                }))))))));
-              }
-            })))));
+            }, AccordionOuter(categoryItem, categoryIndex)));
           }
         }));
       };
@@ -13298,14 +13386,14 @@
             return option.id == ProductFilterObjContext.countryid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$25({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$26({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'states';
             tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$25({}, tempFetchTabexStatesPayloadobjContext));
-            var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+            setFetchTabexStatesPayloadobjContext(_objectSpread$26({}, tempFetchTabexStatesPayloadobjContext));
+            var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.countryid = option.id;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
             filterrouting(tempfetchproductsfilerobjcontext);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -13342,14 +13430,14 @@
             return option.id == ProductFilterObjContext.stateid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$25({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$26({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$25({}, tempFetchTabexStatesPayloadobjContext));
-            var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+            setFetchTabexStatesPayloadobjContext(_objectSpread$26({}, tempFetchTabexStatesPayloadobjContext));
+            var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.stateid = option.id;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
             filterrouting(tempfetchproductsfilerobjcontext);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -13386,10 +13474,10 @@
             return option.id == ProductFilterObjContext.cityid;
           }),
           onChange: function onChange(option) {
-            var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+            var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.cityid = option.id;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
             filterrouting(tempfetchproductsfilerobjcontext);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -13493,14 +13581,14 @@
               color: ischecked ? sectionproperties.activecat_color : ''
             },
             onClick: function onClick() {
-              var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
+              var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
               if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
               } else {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
               tempfetchproductsfilerobjcontext.page = 0;
-              setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+              setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
               filterrouting(tempfetchproductsfilerobjcontext);
               setsortbycontext(valueitem.name);
             }
@@ -13652,14 +13740,14 @@
           return /*#__PURE__*/React__default["default"].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$25({}, ProductFilterObjContext);
+              var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
               if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
               } else {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
               tempfetchproductsfilerobjcontext.page = 0;
-              setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+              setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
               filterrouting(tempfetchproductsfilerobjcontext);
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13694,7 +13782,7 @@
         minValue: 0,
         value: raterangevalue,
         onChange: function onChange(value) {
-          setraterangevalue(_objectSpread$25({}, value));
+          setraterangevalue(_objectSpread$26({}, value));
         }
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
@@ -13835,13 +13923,13 @@
             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$25({}, ProductFilterObjContext);
+              var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
               if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
               } else {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
-              setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
+              setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].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 '
@@ -13871,8 +13959,8 @@
       }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
     };
 
-    function ownKeys$24(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$24(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$24(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$24(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$25(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$25(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$25(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$25(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
       var _authdetailsContext$i;
       props.actions.lang;
@@ -14002,7 +14090,7 @@
       }, [ProductFilterObjContext]);
       var filterupdater = function filterupdater() {
         setTimeout(function () {
-          var tempFetchQueriesEngineContext = _objectSpread$24({}, FetchQueriesEngineContext);
+          var tempFetchQueriesEngineContext = _objectSpread$25({}, FetchQueriesEngineContext);
           tempFetchQueriesEngineContext.fetchtabexcountries = true;
           setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
         }, 100);
@@ -14047,7 +14135,7 @@
       };
       var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
         var _tempfetchproductsfil;
-        var tempfetchproductsfilerobjcontext = _objectSpread$24({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$25({}, ProductFilterObjContext);
         var CollectionExists = false;
         tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
           if (filteritem == collectionid) {
@@ -14064,7 +14152,7 @@
         }
         tempfetchproductsfilerobjcontext.page = 0;
         tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-        setProductFilterObjContext(_objectSpread$24({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$25({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
@@ -14120,8 +14208,8 @@
 
     var serverbaselink$1 = 'https://tabex-co.com';
 
-    function ownKeys$23(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$24(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$24(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$24(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$24(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CardsSection = function CardsSection(props) {
       var refscr = /*#__PURE__*/React.createRef();
       var _useInView = reactIntersectionObserver.useInView();
@@ -14206,7 +14294,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$23({}, secpropobj));
+            setsectionproperties(_objectSpread$24({}, secpropobj));
             if (props.srcfromprops == 'GeneralProductsComponent') {
               setfetchingtype('products');
               var lcproductfetchingtype = 'Random';
@@ -14280,7 +14368,7 @@
             }
             tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
             tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
-            setProductFilterObjContext(_objectSpread$23({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$24({}, tempfetchproductsfilerobjcontext));
           }
           if (fetchingtype == 'categories') {
             if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
@@ -14366,7 +14454,7 @@
               cardobjassigner(collections);
             }
           }
-          setFetchQueriesEngineContext(_objectSpread$23({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$24({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -14537,9 +14625,9 @@
       // Example items, to simulate fetching from another resources.
       var handlePageClick = function handlePageClick(event) {
         props.scrolltotop();
-        var tempProductFilterObjContext = _objectSpread$23({}, ProductFilterObjContext);
+        var tempProductFilterObjContext = _objectSpread$24({}, ProductFilterObjContext);
         tempProductFilterObjContext.page = event === null || event === void 0 ? void 0 : event.selected;
-        setProductFilterObjContext(_objectSpread$23({}, tempProductFilterObjContext));
+        setProductFilterObjContext(_objectSpread$24({}, tempProductFilterObjContext));
         var pasturl = '';
         if (props.grouptypeprops != undefined) {
           if (props.collectionidprops != undefined) {
@@ -15302,8 +15390,8 @@
       })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
     };
 
-    function ownKeys$22(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$23(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var InnerGroups = function InnerGroups(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -15344,7 +15432,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$22({}, secpropobj));
+          setsectionproperties(_objectSpread$23({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       // useEffect(() => {
@@ -15360,14 +15448,14 @@
           backgroundColor: sectionproperties.backgroundColor
         }
       }, /*#__PURE__*/React__default["default"].createElement(CardsSection, {
-        actions: _objectSpread$22(_objectSpread$22({}, actions), {}, {
+        actions: _objectSpread$23(_objectSpread$23({}, actions), {}, {
           fetchingtype: grouptypeparams
         })
       }));
     };
 
-    function ownKeys$21(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$22(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var PrivacyPolicy = function PrivacyPolicy(props) {
       var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
       var _useState = React.useState(''),
@@ -15398,7 +15486,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$21({}, secpropobj));
+          setsectionproperties(_objectSpread$22({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -15411,9 +15499,9 @@
         }
       }, []);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$22({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$22({}, tempFetchQueriesEngineContext));
       }, []);
       var _useState7 = React.useState([]),
         _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -15486,8 +15574,8 @@
       })))));
     };
 
-    function ownKeys$20(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$21(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var RefundPolicy = function RefundPolicy(props) {
       var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
       var _useState = React.useState(''),
@@ -15518,7 +15606,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$20({}, secpropobj));
+          setsectionproperties(_objectSpread$21({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -15531,9 +15619,9 @@
         }
       }, []);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$20({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$20({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
       }, []);
       var _useState7 = React.useState([]),
         _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -15606,8 +15694,8 @@
       })))));
     };
 
-    function ownKeys$1$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$20(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ShippingPolicy = function ShippingPolicy(props) {
       var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
       var _useState = React.useState(''),
@@ -15638,7 +15726,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1$({}, secpropobj));
+          setsectionproperties(_objectSpread$20({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -15651,9 +15739,9 @@
         }
       }, []);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$1$({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$20({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$1$({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$20({}, tempFetchQueriesEngineContext));
       }, []);
       var _useState7 = React.useState([]),
         _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -15726,8 +15814,8 @@
       })))));
     };
 
-    function ownKeys$1_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var TermsConditions = function TermsConditions(props) {
       var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
       var _useState = React.useState(''),
@@ -15758,7 +15846,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1_({}, secpropobj));
+          setsectionproperties(_objectSpread$1$({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -15771,9 +15859,9 @@
         }
       }, []);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$1_({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$1$({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$1_({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1$({}, tempFetchQueriesEngineContext));
       }, []);
       var _useState7 = React.useState([]),
         _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -15846,8 +15934,8 @@
       })))));
     };
 
-    function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Resetpassword = function Resetpassword(props) {
       var _css, _css2;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -15898,7 +15986,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$1Z({}, secpropobj));
+          setsectionproperties(_objectSpread$1_({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -16025,9 +16113,9 @@
           className: "".concat(loginstyles2.form_control),
           value: forgotpasswordpayload.email,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$1Z({}, forgotpasswordpayload);
+            var temppayloadobj = _objectSpread$1_({}, forgotpasswordpayload);
             temppayloadobj.email = event.target.value;
-            setforgotpasswordpayload(_objectSpread$1Z({}, temppayloadobj));
+            setforgotpasswordpayload(_objectSpread$1_({}, temppayloadobj));
           },
           disabled: forgetpasswordstage == 'verify' ? true : false,
           style: {
@@ -16042,9 +16130,9 @@
           className: "".concat(loginstyles2.form_control),
           value: forgotpasswordpayload.code,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$1Z({}, forgotpasswordpayload);
+            var temppayloadobj = _objectSpread$1_({}, forgotpasswordpayload);
             temppayloadobj.code = event.target.value;
-            setforgotpasswordpayload(_objectSpread$1Z({}, temppayloadobj));
+            setforgotpasswordpayload(_objectSpread$1_({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -16058,9 +16146,9 @@
           className: "".concat(loginstyles2.form_control),
           value: forgotpasswordpayload.newpassword,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$1Z({}, forgotpasswordpayload);
+            var temppayloadobj = _objectSpread$1_({}, forgotpasswordpayload);
             temppayloadobj.newpassword = event.target.value;
-            setforgotpasswordpayload(_objectSpread$1Z({}, temppayloadobj));
+            setforgotpasswordpayload(_objectSpread$1_({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -16074,9 +16162,9 @@
           className: "".concat(loginstyles2.form_control),
           value: forgotpasswordpayload.confirmnewpassword,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$1Z({}, forgotpasswordpayload);
+            var temppayloadobj = _objectSpread$1_({}, forgotpasswordpayload);
             temppayloadobj.confirmnewpassword = event.target.value;
-            setforgotpasswordpayload(_objectSpread$1Z({}, temppayloadobj));
+            setforgotpasswordpayload(_objectSpread$1_({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -16088,7 +16176,7 @@
           onClick: function onClick() {
             if (forgotpasswordpayload.email.length != 0) {
               var runfunc = false;
-              var tempforgotpasswordpayload = _objectSpread$1Z({}, forgotpasswordpayload);
+              var tempforgotpasswordpayload = _objectSpread$1_({}, forgotpasswordpayload);
               tempforgotpasswordpayload.functype = forgetpasswordstage;
               if (forgetpasswordstage == 'verify') {
                 if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -16227,7 +16315,7 @@
           minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh'
         }),
         searchlist_innercontainer: glamor.css({
-          height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : '30vh',
+          height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : '30vh',
           overflowY: 'scroll'
           // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
           // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
@@ -16259,9 +16347,10 @@
         height: "10px",
         duration: "1s"
       }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center p-0 ',
+        "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
         style: {
-          overflowX: 'hidden'
+          overflowX: 'hidden',
+          paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 m-0 w-100 p-0"
@@ -16309,12 +16398,12 @@
           "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
           style: {
             marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
-            display: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'column' : 'row'
+            display: 'row'
           }
         }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("p", {
-          "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
+          "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
         }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 col-md-12 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("hr", {
@@ -16373,8 +16462,8 @@
       }, lang.nosearchresults)))))));
     };
 
-    function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var MarqueeHeader = function MarqueeHeader(props) {
       var _textarray$, _textarray$2;
       props.actions;
@@ -16395,12 +16484,12 @@
         settextarray = _useState6[1];
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
-          setsectionproperties(_objectSpread$1Y({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1Z({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       React.useEffect(function () {
         if (props.templateproperties_contextprops != undefined) {
-          settemplateproperties_context(_objectSpread$1Y({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+          settemplateproperties_context(_objectSpread$1Z({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
         }
       }, [props.templateproperties_contextprops]);
       React.useEffect(function () {
@@ -16442,8 +16531,8 @@
     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$1X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Subheader = function Subheader(props) {
       var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery2, _authdetailsContext$i, _props$subheaderprope12, _templatepropcontext$2, _props$subheaderprope15, _props$subheaderprope16, _templatepropcontext$3, _fetchCategoriesQuery3, _authdetailsContext$i2, _fetchCategoriesQuery4, _authdetailsContext$i3, _fetchCategoriesQuery5, _props$subheaderprope31, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery9;
       var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -16479,12 +16568,12 @@
       React.useEffect(function () {
         var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
         tempFetchQueriesEngineContext.categories = true;
-        setFetchQueriesEngineContext(_objectSpread$1X({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$1Y({}, tempFetchQueriesEngineContext));
         // alert(JSON.stringify(authdetailsContext));
       }, []);
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
-          setsectionproperties(_objectSpread$1X({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1Y({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       // useEffect(() => {
@@ -16950,8 +17039,8 @@
       })))))));
     };
 
-    function ownKeys$1W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Headerresponsive = function Headerresponsive(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
       var actions = props.actions;
@@ -16982,7 +17071,7 @@
         _useState4[1];
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
-          setsectionproperties(_objectSpread$1W({}, props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1X({}, props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       var _useState5 = React.useState([]),
@@ -17813,8 +17902,8 @@
       })))))));
     };
 
-    function ownKeys$1V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var DownloadApp = function DownloadApp(props) {
       props.actions;
       props.actions.lang;
@@ -17838,7 +17927,7 @@
       }, [sectionproperties]);
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
-          setsectionproperties(_objectSpread$1V({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1W({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       var header_cssstyles = {
@@ -17891,8 +17980,8 @@
       }))));
     };
 
-    function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var SocialMediaSection = function SocialMediaSection(props) {
       var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13;
       props.actions;
@@ -17908,12 +17997,12 @@
       var authdetailsContext = props.actions.authdetailsContext;
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
-          setsectionproperties(_objectSpread$1U({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1V({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       React.useEffect(function () {
         if (props.templateproperties_contextprops != undefined) {
-          settemplateproperties_context(_objectSpread$1U({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+          settemplateproperties_context(_objectSpread$1V({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
         }
       }, [props.templateproperties_contextprops]);
       var header_cssstyles = {
@@ -17999,8 +18088,8 @@
       })));
     };
 
-    function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2;
       var actions = props.actions;
@@ -18039,7 +18128,7 @@
         _useState8[1];
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
-          setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       var _useState9 = React.useState([]),
@@ -18467,8 +18556,8 @@
       }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("p", null, "asd")));
     };
 
-    function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ElegantHeader = function ElegantHeader(props) {
       var _authdetailsContext$i, _authdetailsContext$i3, _textarray$, _textarray$2, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i5, _authdetailsContext$i6;
       var _useState = React.useState(''),
@@ -18521,7 +18610,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1S({}, secpropobj));
+        setsectionproperties(_objectSpread$1T({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -19190,8 +19279,8 @@
     var headerstyles$e = {"header_container":"Gotoheader-module_header_container__f-O-q","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
     styleInject(css_248z$A);
 
-    function ownKeys$1R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Gotoheader = function Gotoheader(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue2, _fetchcustomercartQue3, _logoarrayofobjects$3, _logoarrayofobjects$4;
       var _useState = React.useState(''),
@@ -19231,7 +19320,7 @@
             });
           }
         }
-        setsectionproperties(_objectSpread$1R({}, secpropobj));
+        setsectionproperties(_objectSpread$1S({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -19879,8 +19968,8 @@
     var headerstyles$d = {"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$z);
 
-    function ownKeys$1Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
       var _authdetailsContext$i2, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i5, _authdetailsContext$i7, _fetchcustomercartQue3, _fetchcustomercartQue4;
       var _useState = React.useState(''),
@@ -19928,7 +20017,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1Q({}, secpropobj));
+        setsectionproperties(_objectSpread$1R({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -20835,10 +20924,10 @@
     var headerstyles$c = {"headercontainer":"classicheader-module_headercontainer__tCNl-","navbar":"classicheader-module_navbar__3MEax"};
     styleInject(css_248z$y);
 
-    function ownKeys$1P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ClassicHeader = function ClassicHeader(props) {
-      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue, _fetchcustomercartQue2, _templatepropcontext$;
+      var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue, _fetchcustomercartQue2, _templatepropcontext$;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
       var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
@@ -20873,7 +20962,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1P({}, secpropobj));
+        setsectionproperties(_objectSpread$1Q({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -21109,7 +21198,30 @@
         style: {
           background: sectionproperties.header_backgroundColor
         }
+      }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+        href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+        target: '_blank',
+        style: {
+          position: 'fixed',
+          bottom: 10,
+          right: 10,
+          zIndex: 999999,
+          transition: 'all 0.3s ease-out'
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: 100,
+          background: '#25D366',
+          cursor: 'pointer'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+        size: 25,
+        color: '#fff'
+      })))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0",
         style: {
           width: sectionproperties.header_width + 'vw'
@@ -21268,6 +21380,18 @@
           minWidth: '200px'
         }
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.accountinfo);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, {
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+      })), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' allcenetered m-0 p-0 '
+      }, langdetect == 'en' ? 'My Account' : 'حسابى'))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Ordershistory);
         }
@@ -21439,7 +21563,7 @@
         }
       }), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": 'ml-2 mr-2'
-      }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, 'لغة عربية')))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           setlang('en');
         }
@@ -21460,7 +21584,7 @@
         }
       }), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": 'ml-2 mr-2'
-      }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, 'English')))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
@@ -21934,8 +22058,8 @@
     var headerstyles$b = {"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$x);
 
-    function ownKeys$1O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CTAHeader = function CTAHeader(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i13, _authdetailsContext$i15, _authdetailsContext$i18, _authdetailsContext$i21;
       var actions = props.actions;
@@ -21983,7 +22107,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1O({}, secpropobj));
+        setsectionproperties(_objectSpread$1P({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -22971,8 +23095,8 @@
     var headerstyles$a = {"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$w);
 
-    function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
@@ -23008,7 +23132,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1N({}, secpropobj));
+        setsectionproperties(_objectSpread$1O({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -23712,8 +23836,8 @@
     var headerstyles$9 = {"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$v);
 
-    function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Simpleheader = function Simpleheader(props) {
       var _css, _css2, _header_cssstyles, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _logoarrayofobjects$3, _logoarrayofobjects$4;
       var actions = props.actions;
@@ -23758,7 +23882,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1M({}, secpropobj));
+        setsectionproperties(_objectSpread$1N({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -24408,8 +24532,8 @@
       }))))))));
     };
 
-    function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Header8 = function Header8(props) {
       var _css, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue4, _fetchcustomercartQue5;
       var actions = props.actions;
@@ -24466,7 +24590,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1L({}, secpropobj));
+        setsectionproperties(_objectSpread$1M({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var subtotalcart = function subtotalcart() {
         var _fetchcustomercartQue;
@@ -26178,8 +26302,8 @@
     var headerstyles$8 = {"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$u);
 
-    function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderRestaurant = function HeaderRestaurant(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
       var _useState = React.useState(''),
@@ -26215,7 +26339,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1K({}, secpropobj));
+        setsectionproperties(_objectSpread$1L({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -26855,8 +26979,8 @@
     var headerstyles$7 = {"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$t);
 
-    function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i12, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _logoarrayofobjects$3, _logoarrayofobjects$4;
       var _useState = React.useState(''),
@@ -26893,7 +27017,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1J({}, secpropobj));
+        setsectionproperties(_objectSpread$1K({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState(false),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -27662,8 +27786,8 @@
       }))))))));
     };
 
-    function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Modernheader = function Modernheader(props) {
       var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
       var _useState = React.useState(''),
@@ -27708,7 +27832,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1I({}, secpropobj));
+        setsectionproperties(_objectSpread$1J({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -28357,8 +28481,8 @@
       }));
     };
 
-    function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var SearchCenteredHeader = function SearchCenteredHeader(props) {
       var _fetchcustomercartQue2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
       var _useState = React.useState(''),
@@ -28396,7 +28520,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1H({}, secpropobj));
+        setsectionproperties(_objectSpread$1I({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -29029,8 +29153,8 @@
     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$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var StylishHeader = function StylishHeader(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _logoarrayofobjects$3, _logoarrayofobjects$4, _logoarrayofobjects$5, _logoarrayofobjects$6;
       var _useState = React.useState(''),
@@ -29071,7 +29195,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1G({}, secpropobj));
+        setsectionproperties(_objectSpread$1H({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState5 = React.useState([]),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -29822,8 +29946,8 @@
     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$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ThreeTieredHeader = function ThreeTieredHeader(props) {
       var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
       var actions = props.actions;
@@ -29861,7 +29985,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1F({}, secpropobj));
+        setsectionproperties(_objectSpread$1G({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -30692,8 +30816,8 @@
     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$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var SearchFocusedHeader = function SearchFocusedHeader(props) {
       var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i13, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i16;
       var lang = props.actions.lang;
@@ -30760,7 +30884,7 @@
             });
           }
         }
-        setsectionproperties(_objectSpread$1E({}, secpropobj));
+        setsectionproperties(_objectSpread$1F({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
         var _fetchedarray$Choosen, _fetchedarray$Choosen2, _pcollarray$Choosenin, _pcollarray$Choosenin2;
@@ -31686,8 +31810,8 @@
     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$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
       var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2;
       var lang = props.actions.lang;
@@ -31731,7 +31855,7 @@
             });
           }
         }
-        setsectionproperties(_objectSpread$1D({}, secpropobj));
+        setsectionproperties(_objectSpread$1E({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState5 = React.useState([]),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -32463,8 +32587,8 @@
     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$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       var _css, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
@@ -32502,7 +32626,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1C({}, secpropobj));
+        setsectionproperties(_objectSpread$1D({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -33213,8 +33337,8 @@
     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$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
       var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
@@ -33251,7 +33375,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1B({}, secpropobj));
+        setsectionproperties(_objectSpread$1C({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -33858,8 +33982,8 @@
       }));
     };
 
-    function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var TwoTieredHeader = function TwoTieredHeader(props) {
       var _css, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue3, _fetchcustomercartQue4;
       var lang = props.actions.lang;
@@ -33907,7 +34031,7 @@
             });
           }
         }
-        setsectionproperties(_objectSpread$1A({}, secpropobj));
+        setsectionproperties(_objectSpread$1B({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -34836,8 +34960,8 @@
     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$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
       var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
@@ -34874,7 +34998,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1z({}, secpropobj));
+        setsectionproperties(_objectSpread$1A({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -35612,8 +35736,8 @@
       }));
     };
 
-    function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
       var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
       var _useState = React.useState(''),
@@ -35662,7 +35786,7 @@
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
         }
-        setsectionproperties(_objectSpread$1y({}, secpropobj));
+        setsectionproperties(_objectSpread$1z({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -36180,7 +36304,8 @@
         style: {
           background: 'white',
           height: '100vh',
-          width: '35vw'
+          width: '35vw',
+          overflowY: 'hidden'
         }
       }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 px-4 py-3"
@@ -36342,8 +36467,8 @@
       }));
     };
 
-    function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Allinonefooter = function Allinonefooter(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i4, _authdetailsContext$i5, _templatepropcontext$, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
       var _useState = React.useState(''),
@@ -36370,7 +36495,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1x({}, secpropobj));
+          setsectionproperties(_objectSpread$1y({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -36380,7 +36505,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1x({}, secpropobj));
+          setsectionproperties(_objectSpread$1y({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var footerStyles = {
@@ -36836,8 +36961,8 @@
       }))))));
     };
 
-    function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer1 = function Footer1(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
       var _useState = React.useState(''),
@@ -36864,7 +36989,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1w({}, secpropobj));
+          setsectionproperties(_objectSpread$1x({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -36874,7 +36999,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1w({}, secpropobj));
+          setsectionproperties(_objectSpread$1x({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -37292,8 +37417,8 @@
       })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
     };
 
-    function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer2 = function Footer2(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i9, _authdetailsContext$i10;
       var _useState = React.useState(''),
@@ -37323,7 +37448,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$1v({}, secpropobj));
+        setsectionproperties(_objectSpread$1w({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -37618,8 +37743,8 @@
       })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.address_en)))))));
     };
 
-    function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer3 = function Footer3(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i16, _authdetailsContext$i17;
       var _useState = React.useState(''),
@@ -37646,7 +37771,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1u({}, secpropobj));
+          setsectionproperties(_objectSpread$1v({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -37656,7 +37781,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1u({}, secpropobj));
+          setsectionproperties(_objectSpread$1v({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -37970,8 +38095,8 @@
       })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.address_en)))))));
     };
 
-    function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer4 = function Footer4(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -37994,7 +38119,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1t({}, secpropobj));
+          setsectionproperties(_objectSpread$1u({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -38004,7 +38129,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1t({}, secpropobj));
+          setsectionproperties(_objectSpread$1u({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var footerStyles = {
@@ -38389,8 +38514,8 @@
       }))))))));
     };
 
-    function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     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$i22;
       var _useState = React.useState(''),
@@ -38420,7 +38545,7 @@
           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) {
@@ -38430,7 +38555,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1s({}, secpropobj));
+          setsectionproperties(_objectSpread$1t({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -38918,8 +39043,8 @@
       }))))))));
     };
 
-    function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer6 = function Footer6(props) {
       var _authdetailsContext$i2, _authdetailsContext$i3;
       var _useState = React.useState(''),
@@ -38950,7 +39075,7 @@
           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) {
@@ -38960,7 +39085,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1r({}, secpropobj));
+          setsectionproperties(_objectSpread$1s({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -39197,8 +39322,8 @@
       }))));
     };
 
-    function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer7 = function Footer7(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i9;
       var _useState = React.useState(''),
@@ -39229,7 +39354,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1q({}, secpropobj));
+          setsectionproperties(_objectSpread$1r({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -39239,7 +39364,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1q({}, secpropobj));
+          setsectionproperties(_objectSpread$1r({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -39597,8 +39722,8 @@
       }))))));
     };
 
-    function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Footer8 = function Footer8(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _templatepropcontext$;
       var _useState = React.useState(''),
@@ -39625,7 +39750,7 @@
           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) {
@@ -39635,7 +39760,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1p({}, secpropobj));
+          setsectionproperties(_objectSpread$1q({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var footerStyles = {
@@ -40013,8 +40138,8 @@
       }, lang.orderhistory)))))));
     };
 
-    function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Simplefooter = function Simplefooter(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i9;
       var _useState = React.useState(''),
@@ -40041,7 +40166,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$1o({}, secpropobj));
+        setsectionproperties(_objectSpread$1p({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -40308,8 +40433,8 @@
       })));
     };
 
-    function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -40332,7 +40457,7 @@
           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) {
@@ -40342,7 +40467,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1n({}, secpropobj));
+          setsectionproperties(_objectSpread$1o({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var _useState3 = React.useState([]),
@@ -40620,8 +40745,8 @@
       }, "@ ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.storename_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.storename_ar))));
     };
 
-    function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ModernFooter = function ModernFooter(props) {
       var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
       var _useState = React.useState(''),
@@ -40647,7 +40772,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$1m({}, secpropobj));
+        setsectionproperties(_objectSpread$1n({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var footerStyles = {
         footerContainer: glamor.css({
@@ -41070,8 +41195,8 @@
       })))))));
     };
 
-    function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Newsletterfooter = function Newsletterfooter(props) {
       var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
       var _useState = React.useState(''),
@@ -41101,7 +41226,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$1l({}, secpropobj));
+        setsectionproperties(_objectSpread$1m({}, secpropobj));
       }, [StatePagePropertiesContext]);
       var returnpolicyobj = function returnpolicyobj(policytype) {
         var _authdetailsContext$i;
@@ -41514,8 +41639,8 @@
       })))))));
     };
 
-    function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CardsSection2 = function CardsSection2(props) {
       var _useInView = reactIntersectionObserver.useInView();
         _useInView.ref;
@@ -41573,7 +41698,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1k({}, secpropobj));
+            setsectionproperties(_objectSpread$1l({}, secpropobj));
             if (props.srcfromprops == 'GeneralProductsComponent') {
               setfetchingtype('products');
               setProductsFetchingTypeSectionObj({
@@ -41639,9 +41764,9 @@
             var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
             tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
             tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
-            setProductFilterObjContext(_objectSpread$1k({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$1l({}, tempfetchproductsfilerobjcontext));
           }
-          setFetchQueriesEngineContext(_objectSpread$1k({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1l({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -41926,8 +42051,8 @@
       }, cardsrender())));
     };
 
-    function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Sixverticalcardssection = function Sixverticalcardssection(props) {
       var _section_cssstyles;
       var _useInView = reactIntersectionObserver.useInView();
@@ -41981,7 +42106,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1j({}, secpropobj));
+            setsectionproperties(_objectSpread$1k({}, secpropobj));
             if (props.srcfromprops == 'GeneralProductsComponent') {
               setfetchingtype('products');
               setProductsFetchingTypeSectionObj({
@@ -42033,9 +42158,9 @@
             var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
             tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
             tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
-            setProductFilterObjContext(_objectSpread$1j({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$1k({}, tempfetchproductsfilerobjcontext));
           }
-          setFetchQueriesEngineContext(_objectSpread$1j({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1k({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -42416,8 +42541,8 @@
       }, fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender())));
     };
 
-    function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ModernCardsSection = function ModernCardsSection(props) {
       var _useInView = reactIntersectionObserver.useInView(),
         ref = _useInView.ref,
@@ -42476,7 +42601,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1i({}, secpropobj));
+            setsectionproperties(_objectSpread$1j({}, secpropobj));
             if (props.srcfromprops == 'GeneralProductsComponent') {
               setfetchingtype('products');
               setProductsFetchingTypeSectionObj({
@@ -42538,7 +42663,7 @@
             }
             tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
             tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
-            setProductFilterObjContext(_objectSpread$1i({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$1j({}, tempfetchproductsfilerobjcontext));
           }
           if (fetchingtype == 'categories') {
             if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
@@ -42614,7 +42739,7 @@
               cardobjassigner(collections);
             }
           }
-          setFetchQueriesEngineContext(_objectSpread$1i({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1j({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -42970,8 +43095,8 @@
       }, cardsrender()));
     };
 
-    function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ElegantCategoriesCardSection = function ElegantCategoriesCardSection(props) {
       var _useInView = reactIntersectionObserver.useInView();
         _useInView.ref;
@@ -43016,7 +43141,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1h({}, secpropobj));
+            setsectionproperties(_objectSpread$1i({}, secpropobj));
             setfetchingtype(sectionitem.fetchingtype);
             setProductsFetchingTypeSectionObj({
               productfetchingtype: sectionitem.productsfetchingtype,
@@ -43042,7 +43167,7 @@
           } else {
             setParentCollectionsForCollectionQueryArr([ProductsFetchingTypeSectionObj.collectionid]);
           }
-          setFetchQueriesEngineContext(_objectSpread$1h({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1i({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -43322,8 +43447,8 @@
       })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
     };
 
-    function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCards(props) {
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       props.actions.lang;
@@ -43398,7 +43523,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1g({}, secpropobj));
+            setsectionproperties(_objectSpread$1h({}, secpropobj));
             if (props.srcfromprops == 'GeneralProductsComponent') {
               setfetchingtype('products');
               var lcproductfetchingtype = 'Random';
@@ -43475,7 +43600,7 @@
             }
             tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
             tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
-            setProductFilterObjContext(_objectSpread$1g({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$1h({}, tempfetchproductsfilerobjcontext));
           }
           if (fetchingtype == 'categories') {
             if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
@@ -43551,7 +43676,7 @@
               cardobjassigner(collections);
             }
           }
-          setFetchQueriesEngineContext(_objectSpread$1g({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1h({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -44186,8 +44311,8 @@
       }, cardsrender()));
     };
 
-    function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CardsSectionwithfilter = function CardsSectionwithfilter(props) {
       var _useInView = reactIntersectionObserver.useInView(),
         ref = _useInView.ref,
@@ -44248,7 +44373,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1f({}, secpropobj));
+            setsectionproperties(_objectSpread$1g({}, secpropobj));
             if (props.srcfromprops == 'GeneralProductsComponent') {
               setfetchingtype('products');
               setProductsFetchingTypeSectionObj({
@@ -44300,9 +44425,9 @@
           var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
           tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
           tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
-          setProductFilterObjContext(_objectSpread$1f({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$1g({}, tempfetchproductsfilerobjcontext));
           // }
-          setFetchQueriesEngineContext(_objectSpread$1f({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$1g({}, tempFetchQueriesEngineContext));
         }
       }, [fetchingtype, ProductsFetchingTypeSectionObj]);
       React.useEffect(function () {
@@ -44740,8 +44865,8 @@
       }, cardsrender())));
     };
 
-    function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var UsersCardsSection = function UsersCardsSection(props) {
       var _useInView = reactIntersectionObserver.useInView();
         _useInView.ref;
@@ -44768,7 +44893,7 @@
             sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
               secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
             });
-            setsectionproperties(_objectSpread$1e({}, secpropobj));
+            setsectionproperties(_objectSpread$1f({}, secpropobj));
             setfetchingtype(sectionitem.fetchingtype);
           }
         });
@@ -45009,8 +45134,8 @@
       }, fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
     };
 
-    function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CollapsableSection = function CollapsableSection(props) {
       var _maincontainerarrayof;
       var _useState = React.useState(''),
@@ -45034,7 +45159,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$1d({}, secpropobj));
+        setsectionproperties(_objectSpread$1e({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
@@ -45319,8 +45444,8 @@
       })))));
     };
 
-    function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategories(props) {
       props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -45351,7 +45476,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1c({}, secpropobj));
+          setsectionproperties(_objectSpread$1d({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -45361,7 +45486,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1c({}, secpropobj));
+          setsectionproperties(_objectSpread$1d({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -45782,8 +45907,8 @@
       }, BackgroundImagesContent())));
     };
 
-    function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var BackgroundFiveImageStructure = function BackgroundFiveImageStructure(props) {
       var _imagesarray$, _imagesarray$5, _imagesarray$9, _imagesarray$13, _imagesarray$17;
       props.actions.lang;
@@ -45810,7 +45935,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$1b({}, secpropobj));
+        setsectionproperties(_objectSpread$1c({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
@@ -46105,8 +46230,8 @@
       })))))));
     };
 
-    function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -46129,7 +46254,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$1a({}, secpropobj));
+          setsectionproperties(_objectSpread$1b({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -46139,7 +46264,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$1a({}, secpropobj));
+          setsectionproperties(_objectSpread$1b({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -46356,8 +46481,8 @@
     var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
     styleInject(css_248z$l);
 
-    function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Backgroundimage1 = function Backgroundimage1(props) {
       var _ref, _bgimagesarray$, _bgimagesarray$2, _ref2;
       var _useState = React.useState(''),
@@ -46380,7 +46505,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$19({}, secpropobj));
+          setsectionproperties(_objectSpread$1a({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -46390,7 +46515,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$19({}, secpropobj));
+          setsectionproperties(_objectSpread$1a({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -46617,8 +46742,8 @@
       }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar))))))));
     };
 
-    function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var BackgroundimageandTextsection = function BackgroundimageandTextsection(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -46641,7 +46766,7 @@
           props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
             secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
           });
-          setsectionproperties(_objectSpread$18({}, secpropobj));
+          setsectionproperties(_objectSpread$19({}, secpropobj));
         } else {
           var secpropobj = {};
           StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -46651,7 +46776,7 @@
               });
             }
           });
-          setsectionproperties(_objectSpread$18({}, secpropobj));
+          setsectionproperties(_objectSpread$19({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -46762,8 +46887,8 @@
     var css_248z$k = "input[type=\"date\"]::-webkit-calendar-picker-indicator {\n    display: none;\n    -webkit-appearance: none;\n}";
     styleInject(css_248z$k);
 
-    function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -46781,7 +46906,7 @@
         sectionproperties = _useState2[0],
         setsectionproperties = _useState2[1];
       React.useEffect(function () {
-        setsectionproperties(_objectSpread$17({}, props.sectionproperties));
+        setsectionproperties(_objectSpread$18({}, props.sectionproperties));
       }, [props.sectionproperties]);
       var formstyles = {
         input_label_name: glamor.css({
@@ -46852,13 +46977,13 @@
           var tempFetchTabexStatesPayloadobjContext = FetchTabexStatesPayloadobjContext;
           tempFetchTabexStatesPayloadobjContext.functype = 'states';
           tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$17({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$18({}, tempFetchTabexStatesPayloadobjContext));
           if (props.srcfrom != 'filter') {
             props.payloadobjchange('countryid', option.id);
           } else {
             var temp = props.payloadobj;
             temp.countryid = option.id;
-            props.setpayloadobj(_objectSpread$17({}, temp));
+            props.setpayloadobj(_objectSpread$18({}, temp));
           }
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -46911,13 +47036,13 @@
           var tempFetchTabexStatesPayloadobjContext = FetchTabexStatesPayloadobjContext;
           tempFetchTabexStatesPayloadobjContext.functype = 'cities';
           tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$17({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$18({}, tempFetchTabexStatesPayloadobjContext));
           if (props.srcfrom != 'filter') {
             props.payloadobjchange('stateid', option.id);
           } else {
             var temp = props.payloadobj;
             temp.stateid = option.id;
-            props.setpayloadobj(_objectSpread$17({}, temp));
+            props.setpayloadobj(_objectSpread$18({}, temp));
           }
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -46972,7 +47097,7 @@
           } else {
             var temp = props.payloadobj;
             temp.cityid = option.id;
-            props.setpayloadobj(_objectSpread$17({}, temp));
+            props.setpayloadobj(_objectSpread$18({}, temp));
           }
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -47006,8 +47131,8 @@
       }))));
     };
 
-    function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -47059,11 +47184,11 @@
       var authdetailsContext = props.actions.authdetailsContext;
       props.actions.fetchcollectionsQueryContext;
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$16({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$17({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
         tempFetchQueriesEngineContext.collections = true;
-        setFetchQueriesEngineContext(_objectSpread$16({}, tempFetchQueriesEngineContext));
-        var tempFetchQueriesEngineContext = _objectSpread$16({}, FetchQueriesEngineContext);
+        setFetchQueriesEngineContext(_objectSpread$17({}, tempFetchQueriesEngineContext));
+        var tempFetchQueriesEngineContext = _objectSpread$17({}, FetchQueriesEngineContext);
 
         // authdetailsContext?.instinfo?.instcollections?
       }, []);
@@ -47084,7 +47209,7 @@
             });
           }
         });
-        setsectionproperties(_objectSpread$16({}, secpropobj));
+        setsectionproperties(_objectSpread$17({}, secpropobj));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
@@ -47326,7 +47451,7 @@
           var temp = payloadobj;
           temp.collections = [];
           temp.collections.push(option.collectionid);
-          setpayloadobj(_objectSpread$16({}, temp));
+          setpayloadobj(_objectSpread$17({}, temp));
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
         isSearchable: true,
@@ -47364,7 +47489,7 @@
         minValue: parseInt(sectionproperties.filterpriceminvalue),
         value: pricevalue,
         onChange: function onChange(value) {
-          setpricevalue(_objectSpread$16({}, value));
+          setpricevalue(_objectSpread$17({}, value));
         }
       }))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": 'col-lg-12 mt-3 p-0 allcentered'
@@ -47372,7 +47497,7 @@
         "class": sectionstyles.btnstyles + ' allcentered ',
         onClick: function onClick() {
           var _payloadobj$countryid, _payloadobj$stateid, _payloadobj$cityid, _pricevalue$min, _pricevalue$max;
-          var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$17({}, fetchproductsfilerobjcontext);
           if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid = payloadobj.countryid) === null || _payloadobj$countryid === void 0 ? void 0 : _payloadobj$countryid.length) != 0) {
             if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
               tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
@@ -47546,7 +47671,7 @@
         minValue: parseInt(sectionproperties.filterpriceminvalue),
         value: pricevalue,
         onChange: function onChange(value) {
-          setpricevalue(_objectSpread$16({}, value));
+          setpricevalue(_objectSpread$17({}, value));
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-1"
@@ -47556,7 +47681,7 @@
         "class": sectionstyles.btnstyles + ' allcentered ',
         onClick: function onClick() {
           var _payloadobj$countryid2, _payloadobj$stateid2, _payloadobj$cityid2, _pricevalue$min2, _pricevalue$max2;
-          var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$17({}, fetchproductsfilerobjcontext);
           if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid2 = payloadobj.countryid) === null || _payloadobj$countryid2 === void 0 ? void 0 : _payloadobj$countryid2.length) != 0) {
             if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
               tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
@@ -47601,6 +47726,389 @@
       }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
     };
 
+    function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    var Filterwithcategoriespcoll = function Filterwithcategoriespcoll(props) {
+      var _fetchCategoriesQuery;
+      var _useState = React.useState(''),
+        _useState2 = _slicedToArray__default["default"](_useState, 2),
+        sectionproperties = _useState2[0],
+        setsectionproperties = _useState2[1];
+      var _useState3 = React.useState({
+          min: 0,
+          max: 10000
+        }),
+        _useState4 = _slicedToArray__default["default"](_useState3, 2),
+        pricevalue = _useState4[0],
+        setpricevalue = _useState4[1];
+      var _useState5 = React.useState([]),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        imagesarray = _useState6[0],
+        setimagesarray = _useState6[1];
+      props.actions.lang;
+      var langdetect = props.actions.langdetect;
+      var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+      var ikimagecredcontext = props.actions.ikimagecredcontext;
+      props.actions;
+      var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
+      props.actions.FetchTabexStatesPayloadobjContext;
+      props.actions.setFetchTabexStatesPayloadobjContext;
+      props.actions.fetchTabexCountriesQueryContext;
+      props.actions.fetchTabexStatesQueryContext;
+      props.actions.fetchTabexCitiesQueryContext;
+      var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
+      var routingcountext = props.actions.routingcountext;
+      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+      // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
+      var _useState7 = React.useState({
+          countryid: '',
+          stateid: '',
+          cityid: ''
+        }),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        payloadobj = _useState8[0];
+        _useState8[1];
+      var _useState9 = React.useState([]),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2),
+        collectionsarray = _useState10[0],
+        setcollectionsarray = _useState10[1];
+      var _useState11 = React.useState([]),
+        _useState12 = _slicedToArray__default["default"](_useState11, 2);
+        _useState12[0];
+        _useState12[1];
+      var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+      var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+      var authdetailsContext = props.actions.authdetailsContext;
+      props.actions.fetchcollectionsQueryContext;
+      React.useEffect(function () {
+        var tempFetchQueriesEngineContext = _objectSpread$16({}, FetchQueriesEngineContext);
+        tempFetchQueriesEngineContext.fetchtabexcountries = true;
+        tempFetchQueriesEngineContext.collections = true;
+        setFetchQueriesEngineContext(_objectSpread$16({}, tempFetchQueriesEngineContext));
+        var tempFetchQueriesEngineContext = _objectSpread$16({}, FetchQueriesEngineContext);
+
+        // authdetailsContext?.instinfo?.instcollections?
+      }, []);
+      React.useEffect(function () {
+        var _authdetailsContext$i;
+        var temppcollarray = _toConsumableArray__default["default"](collectionsarray);
+        authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcollections) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (arrayItem) {
+          temppcollarray.push(arrayItem);
+        });
+        setcollectionsarray(_toConsumableArray__default["default"](temppcollarray));
+      }, [authdetailsContext]);
+      React.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$16({}, secpropobj));
+      }, [StatePagePropertiesContext]);
+      // useEffect(() => {
+      //     if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+      //         var temppcollarray = [...pcollarray];
+      //         fetchCategoriesQueryContext?.data?.data?.categories.forEach(function (arrayItem) {
+      //             arrayItem?.parentcolletions.forEach(function (item) {
+      //                 temppcollarray.push(item);
+      //             });
+      //         });
+      //         setpcollarray([...temppcollarray]);
+      //     }
+      // }, [fetchCategoriesQueryContext.isSuccess]);
+      React.useEffect(function () {
+        if (sectionproperties.length != 0) {
+          if (sectionproperties.arrayofobjectimagesonly != null) {
+            var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+            if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+              setimagesarray(_toConsumableArray__default["default"](arrayofobjectimagesonlyparsed));
+            }
+          }
+        }
+      }, [sectionproperties]);
+      var sectionstyles = {
+        btnstyles: glamor.css({
+          width: sectionproperties.generalbtn_width + '%',
+          height: sectionproperties.generalbtn_height + 'px',
+          background: sectionproperties.generalbtn_bgColor,
+          borderRadius: sectionproperties.generalbtnborderradius + 'px',
+          border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+          color: sectionproperties.generalbtn_textColor,
+          fontSize: sectionproperties.generalbtn_fontsize + 'px',
+          fontWeight: sectionproperties.generalbtn_fontweight,
+          ':hover': {
+            transition: '.3s',
+            background: sectionproperties.generalbtn_bgColoronhover,
+            color: sectionproperties.generalbtn_textColoronhover
+          }
+        }),
+        form_control: glamor.css({
+          backgroundImage: 'linear-gradient(to top, #eac435 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)'
+        }),
+        input_label_name: glamor.css({
+          color: sectionproperties.form_labelcolor,
+          textTransform: sectionproperties.form_labeltexttransform,
+          fontWeight: sectionproperties.form_labelfontweight,
+          fontSize: sectionproperties.form_labelfontsize + 'px'
+        }),
+        dateInput: glamor.css({
+          display: 'inline-block',
+          outline: 'none',
+          background: 'none',
+          transition: 'width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000)',
+          cursor: 'text',
+          Zindex: 2,
+          borderBottomStyle: 'solid',
+          borderBottomWidth: sectionproperties.inputfieldborderWidth + 'px',
+          borderBottomColor: sectionproperties.inputfieldborderColor,
+          width: '100%'
+        }),
+        imgcontainer: glamor.css({
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          right: 0,
+          left: 0,
+          zIndex: 1,
+          ':before': {
+            width: '100%',
+            height: '100%',
+            background: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
+            zIndex: 1,
+            position: 'absolute',
+            content: 's',
+            fontSize: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0
+          }
+        }),
+        container: glamor.css({
+          backgroundSize: sectionproperties.bgcovercontain,
+          width: '100%',
+          height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px',
+          position: 'relative',
+          marginLeft: sectionproperties.card_marginLeft + 'px',
+          marginRight: sectionproperties.card_marginRight + 'px',
+          backgroundColor: 'white',
+          '@media (max-width: 800px)': {
+            height: sectionproperties.height_responsive + 'vh'
+          }
+        })
+      };
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionstyles.container + ' allcentered mx-md-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionstyles.imgcontainer,
+        style: {
+          width: '100%',
+          height: 'auto'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + imagesarray[0].bgsection_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + imagesarray[0].bgsection_image_ar : '',
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'cover'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 allcentered mt-auto mb-4 px-4",
+        style: {
+          zIndex: 2
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+      }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-start"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "wordbreak",
+        style: {
+          fontSize: sectionproperties.sectionTitleFontSize + 'px',
+          color: sectionproperties.sectionTitleColor,
+          textTransform: sectionproperties.sectionTitleTextTransform,
+          fontWeight: sectionproperties.sectionTitleFontWeight,
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          marginBottom: sectionproperties.prodCatShow == 'Show' ? 0 : 20
+        }
+      }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          fontSize: sectionproperties.prodCatFontSize + 'px',
+          color: sectionproperties.prodCatColor,
+          textTransform: sectionproperties.prodCatTextTranform,
+          fontWeight: sectionproperties.prodCatFontWeight,
+          maxWidth: '500px'
+        }
+      }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
+        style: {
+          backgroundColor: sectionproperties.reservation_bgcolor,
+          borderRadius: sectionproperties.reservation_borderradius + 'px',
+          paddingTop: sectionproperties.reservation_padding_top + 'px',
+          paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+          paddingLeft: sectionproperties.reservation_padding_left + 'px',
+          paddingRight: sectionproperties.reservation_padding_right + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+      }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'Categories' : 'Categories'), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-lg-12 p-0'
+      }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+        options: fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories,
+        getOptionLabel: function getOptionLabel(option) {
+          var crname = '';
+          if (langdetect == 'en') {
+            crname = option.title_en;
+          } else if (langdetect == 'ar') {
+            crname = option.title_ar;
+          }
+          return crname;
+        }
+        // getOptionValue={(option) => option.collectionid}
+        ,
+
+        styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+        placeholder: ''
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-lg-12 p-0'
+      }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+        options: [{
+          label: '100000',
+          value: 1
+        }, {
+          label: '50000',
+          value: 0
+        }, {
+          label: '30000',
+          value: 0
+        }],
+        styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+        placeholder: ''
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-lg-12 p-0'
+      }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+        options: [{
+          label: '2023',
+          value: 1
+        }, {
+          label: '2022',
+          value: 0
+        }, {
+          label: '2021',
+          value: 0
+        }],
+        styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+        placeholder: ''
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
+        style: {
+          direction: 'ltr'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
+        draggableTrack: true,
+        formatLabel: function formatLabel(value) {
+          return "".concat(value);
+        },
+        maxValue: parseInt(sectionproperties.filterpricemaxvalue),
+        minValue: parseInt(sectionproperties.filterpriceminvalue),
+        value: pricevalue,
+        onChange: function onChange(value) {
+          setpricevalue(_objectSpread$16({}, value));
+        }
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-1"
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
+        "class": sectionstyles.btnstyles + ' allcentered ',
+        onClick: function onClick() {
+          var _payloadobj$countryid, _payloadobj$stateid, _payloadobj$cityid, _pricevalue$min, _pricevalue$max;
+          var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
+          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid = payloadobj.countryid) === null || _payloadobj$countryid === void 0 ? void 0 : _payloadobj$countryid.length) != 0) {
+            if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+              tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
+            } else {
+              tempfetchproductsfilerobjcontext.countryid = payloadobj.countryid;
+            }
+          }
+          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.stateid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$stateid = payloadobj.stateid) === null || _payloadobj$stateid === void 0 ? void 0 : _payloadobj$stateid.length) != 0) {
+            if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+              tempfetchproductsfilerobjcontext.state_ids = [payloadobj.stateid];
+            } else {
+              tempfetchproductsfilerobjcontext.stateid = payloadobj.stateid;
+            }
+          }
+          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.cityid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$cityid = payloadobj.cityid) === null || _payloadobj$cityid === void 0 ? void 0 : _payloadobj$cityid.length) != 0) {
+            if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+              tempfetchproductsfilerobjcontext.city_ids = [payloadobj.cityid];
+            } else {
+              tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
+            }
+          }
+          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
+            tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
+          }
+          if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$min = pricevalue.min) === null || _pricevalue$min === void 0 ? void 0 : _pricevalue$min.length) != 0) {
+            tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
+          }
+          if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.max) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$max = pricevalue.max) === null || _pricevalue$max === void 0 ? void 0 : _pricevalue$max.length) != 0) {
+            if (sectionproperties.showpricerange == 'Hide') {
+              tempfetchproductsfilerobjcontext.price_max = 99999999999999;
+            } else {
+              tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
+            }
+          }
+          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+          }
+          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Vendors') {
+            routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+          }
+        }
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
+    };
+
     function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var BackgroundSectionWithServicesCards = function BackgroundSectionWithServicesCards(props) {
@@ -54226,9 +54734,6 @@
     function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
-      props.actions;
-      var langdetect = props.actions.langdetect;
-      var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -54238,10 +54743,44 @@
         bgimagearrayofobjs = _useState4[0],
         setbgimagearrayofobjs = _useState4[1];
       var _useState5 = React.useState([]),
-        _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        arrayofobjectimagesonly2 = _useState6[0],
-        setarrayofobjectimagesonly2 = _useState6[1];
+        _useState6 = _slicedToArray__default["default"](_useState5, 2);
+        _useState6[0];
+        _useState6[1];
+      var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+      props.actions.lang;
+      var langdetect = props.actions.langdetect;
+      var routingcountext = props.actions.routingcountext;
+      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+      props.actions.fetchCategoriesQueryContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var _useState7 = React.useState(false),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2);
+        _useState8[0];
+        var setshowdownheadermenu = _useState8[1];
+      var _useState9 = React.useState(''),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2),
+        Choosenindex = _useState10[0],
+        setChoosenindex = _useState10[1];
+      var authdetailsContext = props.actions.authdetailsContext;
+      var _useState11 = React.useState([]),
+        _useState12 = _slicedToArray__default["default"](_useState11, 2),
+        pcollarray = _useState12[0],
+        setpcollarray = _useState12[1];
+      var _useState13 = React.useState([]),
+        _useState14 = _slicedToArray__default["default"](_useState13, 2),
+        arrayofobjectimagesonly2 = _useState14[0],
+        setarrayofobjectimagesonly2 = _useState14[1];
+      React.useEffect(function () {
+        var _authdetailsContext$i;
+        var temppcollarray = _toConsumableArray__default["default"](pcollarray);
+        authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (arrayItem) {
+          var _arrayItem$parentcoll;
+          arrayItem === null || arrayItem === void 0 || (_arrayItem$parentcoll = arrayItem.parentcolletions) === null || _arrayItem$parentcoll === void 0 || _arrayItem$parentcoll.forEach(function (item) {
+            temppcollarray.push(item);
+          });
+        });
+        setpcollarray(_toConsumableArray__default["default"](temppcollarray));
+      }, [authdetailsContext]);
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -54273,34 +54812,255 @@
         pauseOnHover: false,
         scale: 1.4
       };
-      ({
-        slideshowcontainer: glamor.css({
-          '@media (max-width: 800px)': {
-            height: sectionproperties.height_responsive + 'px'
+      var slideshow_styles = {
+        imgcontainer: glamor.css({
+          ':before': {
+            width: '100%',
+            height: '100%',
+            background: 'rgba(0,0,0,0.8)',
+            zIndex: 1,
+            position: 'absolute',
+            content: 's',
+            fontSize: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0
+          }
+        }),
+        categoryname: glamor.css({
+          color: sectionproperties.subheader_categorytitle_fontColor,
+          fontSize: sectionproperties.subheader_categorytitle_fontSize + 'px',
+          textTransform: sectionproperties.subheader_categorytitle_textTransform,
+          fontWeight: sectionproperties.subheader_categorytitle_textfontweight,
+          transition: '.3s',
+          ':hover': {
+            color: sectionproperties.subheader_categorytitle_coloronhover
+          }
+        }),
+        parentcollection: glamor.css({
+          color: sectionproperties.subheader_collectiontitle_fontColor,
+          fontSize: sectionproperties.subheader_collectiontitle_fontSize + 'px',
+          textTransform: sectionproperties.subheader_collectiontitle_textTransform,
+          fontWeight: sectionproperties.subheader_collectiontitle_textfontweight,
+          transition: '.3s',
+          ':hover': {
+            color: sectionproperties.subheader_collectiontitle_coloronhover
           }
+        }),
+        collectionName: glamor.css({
+          color: sectionproperties.collectionsectiontextcolor,
+          fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
+          textTransform: sectionproperties.collectionsectiontexttransform,
+          fontWeight: sectionproperties.collectionsectiontextfontweight,
+          transition: '.3s',
+          ':hover': {
+            color: sectionproperties.collectionsectiontextcoloronhover
+          }
+        }),
+        dropdowntitle: glamor.css({
+          color: sectionproperties.collectionssectiontitlecolor,
+          fontSize: sectionproperties.collectionssectiontitlefontsize + 'px',
+          fontWeight: sectionproperties.collectionssectiontitlefonteweight,
+          textTransform: sectionproperties.collectionssectiontitletexttransfrom,
+          backgroundColor: sectionproperties.collectionssectiontitlebgcolor
         })
-      });
-      var SectionContent = function SectionContent() {
-        var _arrayofobjectimageso, _arrayofobjectimageso2, _arrayofobjectimageso3, _arrayofobjectimageso4, _arrayofobjectimageso5, _arrayofobjectimageso6;
+      };
+      var SlideshowContent = function SlideshowContent() {
+        var _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _arrayofobjectimageso, _arrayofobjectimageso2, _arrayofobjectimageso3, _arrayofobjectimageso4, _arrayofobjectimageso5, _arrayofobjectimageso6;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? ' row ml-0 mr-0 w-100 justify-content-center align-items-center pl-sm-2 pr-sm-2' : ' row ml-0 mr-0 w-100 justify-content-center align-items-center ',
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-2 d-md-none",
           style: {
-            paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-            paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-            background: sectionproperties.backgroundColor
+            height: sectionproperties.collectionsectionheight + 'vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'col-lg-12 p-0 d-flex justify-content-center'
+          "class": "row m-0 w-100",
+          style: {
+            background: sectionproperties.collectionssectionbgcolor,
+            boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'pl-md-2 pr-md-2 w-sm-100',
+          className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 d-flex ',
           style: {
-            position: 'relative',
-            width: sectionproperties.width + 'vw',
-            paddingTop: sectionproperties.paddingTop + 'px',
-            paddingBottom: sectionproperties.paddingBottom + 'px',
-            paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-            paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-            overflow: 'hidden'
+            justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: "m-0 p-3 w-100 d-flex",
+          style: {
+            justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+          }
+        }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
+          style: {
+            height: sectionproperties.height + 'vh',
+            overflowY: 'scroll'
+          }
+        }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
+          var _authdetailsContext$i3;
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
+            onMouseEnter: function onMouseEnter() {
+              setshowdownheadermenu(true);
+              setChoosenindex(index);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            "class": ' m-0 p-0 wordbreak wordbreak1 ',
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+            }
+          }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+          }, /*#__PURE__*/React__default["default"].createElement("i", {
+            className: ' p-0 h-100 allcentered '
+          }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+            size: sectionproperties.collectionsectioniconfontsize
+          }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+            size: sectionproperties.collectionsectioniconfontsize
+          }))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-12 p-0 mt-3 mb-3"
+          }, /*#__PURE__*/React__default["default"].createElement("hr", {
+            "class": "m-0"
+          })));
+        })), sectionproperties.fetchparenttype == 'Parent Collections' && (pcollarray === null || pcollarray === void 0 ? void 0 : pcollarray.map(function (item, index) {
+          if (item.isshowntocustomers == 1) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": slideshow_styles.parentcollection + ' row ml-0 mr-0 w-100 cursor-pointer ',
+              onMouseEnter: function onMouseEnter() {
+                setshowdownheadermenu(true);
+                setChoosenindex(index);
+              }
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
+            }, /*#__PURE__*/React__default["default"].createElement("p", {
+              "class": ' m-0 p-0 wordbreak wordbreak1 ',
+              onClick: function onClick() {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+              }
+            }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+              className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+            }, /*#__PURE__*/React__default["default"].createElement("i", {
+              className: ' p-0 h-100 allcentered '
+            }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+              size: sectionproperties.collectionsectioniconfontsize
+            }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+              size: sectionproperties.collectionsectioniconfontsize
+            }))), index != pcollarray - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "col-lg-12 p-0 mt-3 mb-3"
+            }, /*#__PURE__*/React__default["default"].createElement("hr", {
+              "class": "m-0"
+            })));
+          }
+        })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instcollections.map(function (item, index) {
+          if (item.isshowntocustomers == 1) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": slideshow_styles.parentcollection + ' row ml-0 mr-0 w-100 cursor-pointer ',
+              onMouseEnter: function onMouseEnter() {
+                setshowdownheadermenu(true);
+                setChoosenindex(index);
+              }
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '
+            }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+              style: {
+                width: '4.5vh',
+                height: '4.5vh',
+                marginRight: langdetect == 'en' ? '5px' : 0,
+                marginLeft: langdetect == 'ar' ? '5px' : 0
+              }
+            }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+              urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+              publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+              path: item.collectionlogo,
+              loading: "lazy",
+              style: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'contain'
+              }
+            })), /*#__PURE__*/React__default["default"].createElement("p", {
+              "class": ' m-0 p-0 wordbreak wordbreak1 ',
+              onClick: function onClick() {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+              }
+            }, langdetect == 'en' ? item.title_en : item.title_ar)), index != pcollarray - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "col-lg-12 p-0 mt-3 mb-3"
+            }, /*#__PURE__*/React__default["default"].createElement("hr", {
+              "class": "m-0"
+            })));
+          }
+        }))), sectionproperties.fetchparenttype == 'Categories' && Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": langdetect == 'en' ? 'cat_dropdown-menu cat_dropdown cat_dropdownen' : 'cat_dropdown-menu cat_dropdown cat_dropdownar',
+          style: {
+            minHeight: sectionproperties.height + 'vh'
+          },
+          onMouseLeave: function onMouseLeave() {
+            setChoosenindex('');
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.instcategories[Choosenindex]) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.parentcolletions) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.map(function (item, index) {
+          var _item$collections;
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": "col-lg-4 p-0"
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+            },
+            style: {
+              textAlign: langdetect == 'en' ? 'left' : 'right'
+            }
+          }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": "col-lg-12 pl-1 pr-1"
+            }, /*#__PURE__*/React__default["default"].createElement("p", {
+              "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 mb-1 ',
+              onClick: function onClick() {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+              },
+              style: {
+                textAlign: langdetect == 'en' ? 'left' : 'right'
+              }
+            }, langdetect == 'en' ? item.title_en : item.title_ar));
+          }));
+        }))), sectionproperties.fetchparenttype == 'Parent Collections' && Choosenindex.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": langdetect == 'en' ? 'cat_dropdown-menu cat_dropdown cat_dropdownen' : 'cat_dropdown-menu cat_dropdown cat_dropdownar',
+          style: {
+            minHeight: sectionproperties.height + 'vh'
+          },
+          onMouseLeave: function onMouseLeave() {
+            setChoosenindex('');
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.instcategories[0]) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.parentcolletions[Choosenindex]) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.collections) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.map(function (item, index) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": "col-lg-4 p-0",
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": "col-lg-12 pl-1 pr-1"
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 mb-1 ',
+            style: {
+              textAlign: langdetect == 'en' ? 'left' : 'right'
+            }
+          }, langdetect == 'en' ? item.title_en : item.title_ar)));
+        }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 col-sm-12 p-0 d-flex justify-content-center h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto',
+          style: {
+            height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "row m-0 w-100"
@@ -54446,20 +55206,35 @@
         })))))))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100"
+        "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
+        style: {
+          paddingBottom: sectionproperties.marginBottom + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+          background: sectionproperties.backgroundColor
+        },
+        onMouseEnter: function onMouseEnter() {
+          setChoosenindex('');
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 d-flex d-md-none",
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-flex d-md-none",
         style: {
-          marginBottom: sectionproperties.marginBottom + 'px',
-          marginTop: sectionproperties.marginTop + 'px'
+          paddingTop: sectionproperties.marginTop + 'px'
+        },
+        onMouseLeave: function onMouseLeave() {
+          setChoosenindex('');
         }
-      }, SectionContent()), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 d-none d-md-flex",
+      }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 d-none d-md-flex",
         style: {
-          marginBottom: sectionproperties.marginBottom + 'px',
-          marginTopResp: sectionproperties.marginTop + 'px'
+          paddingTop: sectionproperties.marginTopResp + 'px'
+        },
+        onMouseLeave: function onMouseLeave() {
+          setChoosenindex('');
         }
-      }, SectionContent()));
+      }, SlideshowContent())));
     };
 
     function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -57646,7 +58421,7 @@
             fontSize: sectionproperties.badge_fontsize + 'px'
           }
         }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "allcentered",
+          "class": "align-items-center justify-content-center",
           style: {
             position: 'absolute',
             top: sectionproperties.counterposition == 'Top' ? sectionproperties.pillpositionfromtop + 'px' : '',
@@ -57655,7 +58430,8 @@
             width: sectionproperties.pillwidth + 'px',
             height: sectionproperties.pillheight + 'px',
             background: sectionproperties.pillbgcolor,
-            borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
+            borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
+            display: item.defaultprice == 0 && item.defaultsaleprice == 0 ? 'none' : 'flex'
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0 text-uppercase",
@@ -67622,6 +68398,7 @@
         Backgroundimage1: Backgroundimage1,
         BackgroundimageandTextsection: BackgroundimageandTextsection,
         BackgroundImageWithTopContent: BackgroundImageWithTopContent,
+        Filterwithcategoriespcoll: Filterwithcategoriespcoll,
         BackgroundSectionWithServicesCards: BackgroundSectionWithServicesCards,
         Bgimagewithsearchbar: Bgimagewithsearchbar,
         Section_with_rightbgcont: Section_with_rightbgcont,