tabexseriescomponents 0.0.71 → 0.0.73

package/dist/index.cjs.js

@@ -561,9 +561,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$1v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Login = function Login(props) {
   var _css;
@@ -606,7 +606,7 @@ var Login = function Login(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1v({}, secpropobj));
+      setsectionproperties(_objectSpread$1w({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
 
@@ -721,10 +721,10 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1v({}, payloadobj);
+      var temppayloadobj = _objectSpread$1w({}, payloadobj);
 
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$1v({}, temppayloadobj));
+      setpayloadobj(_objectSpread$1w({}, temppayloadobj));
     }
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
@@ -742,10 +742,10 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1v({}, payloadobj);
+      var temppayloadobj = _objectSpread$1w({}, payloadobj);
 
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$1v({}, temppayloadobj));
+      setpayloadobj(_objectSpread$1w({}, temppayloadobj));
     }
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
@@ -759,7 +759,7 @@ var Login = function Login(props) {
     },
     className: "m-0 p-0"
   }, statusreason)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3"
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-4"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
@@ -857,9 +857,9 @@ styleInject(css_248z$F);
 var css_248z$E = ".image-gallery_image-gallery-icon__WE2UX {\r\n\tcolor: #fff;\r\n\ttransition: all .3s ease-out;\r\n\tappearance: none;\r\n\tbackground-color: transparent;\r\n\tborder: 0;\r\n\tcursor: pointer;\r\n\toutline: none;\r\n\tposition: absolute;\r\n\tz-index: 4;\r\n    display: none !important;\r\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\r\n}\r\n\r\n@media(hover: hover)and (pointer: fine) {\r\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\r\n\t\tcolor: var(--secondary)\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\r\n\t\ttransform: scale(1.1)\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-icon__WE2UX:focus {\r\n\toutline: 2px solid #000\r\n}\r\n\r\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\r\n\toutline: none\r\n}\r\n\r\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\r\n.image-gallery_image-gallery-play-button__2AS3J {\r\n\tbottom: 0;\r\n\tpadding: 20px\r\n}\r\n\r\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\r\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\r\n\theight: 28px;\r\n\twidth: 28px\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\r\n\t.image-gallery_image-gallery-play-button__2AS3J {\r\n\t\tpadding: 15px\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 24px;\r\n\t\twidth: 24px\r\n\t}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\r\n\t.image-gallery_image-gallery-play-button__2AS3J {\r\n\t\tpadding: 10px\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 16px;\r\n\t\twidth: 16px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\r\n\tright: 0\r\n}\r\n\r\n.image-gallery_image-gallery-play-button__2AS3J {\r\n\tleft: 0\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk,\r\n.image-gallery_image-gallery-right-nav__53hut {\r\n\tpadding: 50px 10px;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%)\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\r\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\r\n\theight: 120px;\r\n\twidth: 60px\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 72px;\r\n\t\twidth: 36px\r\n\t}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n\r\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\r\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\r\n\t\theight: 48px;\r\n\t\twidth: 24px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\r\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\r\n\tcursor: disabled;\r\n\topacity: .6;\r\n\tpointer-events: none\r\n}\r\n\r\n.image-gallery_image-gallery-left-nav__BmHmk {\r\n\tleft: 0\r\n}\r\n\r\n.image-gallery_image-gallery-right-nav__53hut {\r\n\tright: 0\r\n}\r\n\r\n.image-gallery_image-gallery__FfPQj {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\t-o-user-select: none;\r\n\tuser-select: none;\r\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\r\n\tbackground: #000;\r\n\tbottom: 0;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\tposition: fixed;\r\n\tright: 0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\tz-index: 5\r\n}\r\n\r\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%)\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU {\r\n\tposition: relative;\r\n\tline-height: 0;\r\n\ttop: 0\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\r\n\tbackground: #000\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\r\n\tmax-height: 50vh !important;\r\n}\r\n\r\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\r\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\r\n\tmax-height: 100vh\r\n}\r\n\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\r\n\tdisplay: inline-block;\r\n\twidth: calc(100% - 110px)\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\r\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\r\n\t\twidth: calc(100% - 87px)\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\r\n\tdirection: rtl\r\n}\r\n\r\n.image-gallery_image-gallery-slides__cWfmF {\r\n\tline-height: 0;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\twhite-space: nowrap;\r\n\ttext-align: center\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc {\r\n\tleft: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\twidth: 100%\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\r\n\twidth: 100%;\r\n\tobject-fit: contain\r\n}\r\n\r\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\r\n\tbackground: rgba(0, 0, 0, .4);\r\n\tbottom: 70px;\r\n\tcolor: #fff;\r\n\tleft: 0;\r\n\tline-height: 1;\r\n\tpadding: 10px 20px;\r\n\tposition: absolute;\r\n\twhite-space: normal\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\r\n\t\tbottom: 45px;\r\n\t\tfont-size: .8em;\r\n\t\tpadding: 8px 15px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy {\r\n\tbottom: 20px;\r\n\tleft: 0;\r\n\tmargin: 0 auto;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\twidth: 80%;\r\n\tz-index: 4\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\ttext-align: center\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\r\n\tappearance: none;\r\n\tbackground-color: transparent;\r\n\tborder: 1px solid #fff;\r\n\tborder-radius: 50%;\r\n\tbox-shadow: 0 2px 2px #1a1a1a;\r\n\tcursor: pointer;\r\n\tdisplay: inline-block;\r\n\tmargin: 0 5px;\r\n\toutline: none;\r\n\tpadding: 5px;\r\n\ttransition: all .2s ease-out\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\r\n\t\tmargin: 0 3px;\r\n\t\tpadding: 3px\r\n\t}\r\n}\r\n\r\n@media(max-width: 480px) {\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\r\n\t\tpadding: 2.7px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\r\n\ttransform: scale(1.2);\r\n\tbackground: #000;\r\n\tborder: 1px solid #000\r\n}\r\n\r\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\r\n\ttransform: scale(1.2);\r\n\tborder: 1px solid #fff;\r\n\tbackground: #fff\r\n}\r\n\r\n@media(hover: hover)and (pointer: fine) {\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\r\n\t\tbackground: #000;\r\n\t\tborder: 1px solid #000\r\n\t}\r\n\r\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\r\n\t\tbackground: #000\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\r\n\tposition: relative\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\r\n\ttouch-action: pan-y\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\r\n\ttouch-action: pan-x\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\r\n\tdirection: rtl\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\twidth: 100px;\r\n\theight: 100px !important;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\t\twidth: 81px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tleft: 0;\r\n\tpadding: 0;\r\n\tposition: absolute;\r\n\ttop: 0\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tdisplay: block;\r\n\tmargin-right: 0;\r\n\tpadding: 0\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tmargin-left: 0;\r\n\tmargin-top: 2px\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\tmargin: 0 5px\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\r\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\r\n\t\tmargin: 0 3px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails__1BFBn {\r\n\toverflow: hidden;\r\n\tpadding: 5px 0\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\r\n\t\tpadding: 3px 0\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\r\n\tcursor: pointer;\r\n\ttext-align: center;\r\n\twhite-space: nowrap\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tdisplay: inline-block;\r\n\tborder: 2px solid transparent;\r\n\ttransition: border .3s ease-out;\r\n\twidth: 10vh;\r\n\tbackground: transparent;\r\n\tpadding: 0\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\t\tborder: 3px solid transparent;\r\n\t\twidth: 81px\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\r\n\tmargin-left: 2px\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\r\n\tdisplay: block;\r\n\tposition: relative\r\n}\r\n.image-gallery_image-gallery-thumbnail__EKbDF{\r\n\twidth: 10vh;\r\n\theight: 7vh;\r\n\toverflow: hidden;\r\n}\r\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\r\n\twidth: 100%;\r\n    height:100%;\r\n\tline-height: 0;\r\n    object-fit: contain;\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\r\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\r\n\toutline: none;\r\n\tborder: 2px solid var(--light);\r\n}\r\n@media(hover: hover)and (pointer: fine) {\r\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\r\n\t\toutline: none;\r\n\t\tborder: 2px solid var(--light)\r\n\t}\r\n}\r\n\r\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\r\n\t\tborder: 2px solid var(--primary)\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\r\n\tbox-sizing: border-box;\r\n\tcolor: #fff;\r\n\tfont-size: 1em;\r\n\tleft: 0;\r\n\tline-height: 1em;\r\n\tpadding: 5%;\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\ttext-shadow: 0 2px 2px #1a1a1a;\r\n\ttransform: translateY(-50%);\r\n\twhite-space: normal;\r\n\twidth: 100%\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\r\n\t\tfont-size: .8em;\r\n\t\tline-height: .8em\r\n\t}\r\n}\r\n\r\n.image-gallery_image-gallery-index__DbRoC {\r\n\tbackground: rgba(0, 0, 0, .4);\r\n\tcolor: #fff;\r\n\tline-height: 1;\r\n\tpadding: 10px 20px;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 0;\r\n\tz-index: 4\r\n}\r\n\r\n@media(max-width: 768px) {\r\n\t.image-gallery_image-gallery-index__DbRoC {\r\n\t\tfont-size: .8em;\r\n\t\tpadding: 5px 10px\r\n\t}\r\n}";
 styleInject(css_248z$E);
 
-function ownKeys$1u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Productinfo = function Productinfo(props) {
   var _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i3, _authdetailsContext$i4;
@@ -916,7 +916,7 @@ var Productinfo = function Productinfo(props) {
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1u({}, secpropobj));
+      setsectionproperties(_objectSpread$1v({}, secpropobj));
     }
   }, [StatePagePropertiesContext]); // const FetchRelatedProductsQuery = useQuery([' FetchRelatedProducts_API' + RelatedProductsTagid], () => FetchRelatedProducts_API({ tagid: RelatedProductsTagid, productid: '' }), {
   //     keepPreviousData: true,
@@ -946,7 +946,7 @@ var Productinfo = function Productinfo(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1u({}, secpropobj));
+    setsectionproperties(_objectSpread$1v({}, secpropobj));
   }, [pageindexcontext]);
 
   var _useState9 = React.useState([]),
@@ -983,15 +983,15 @@ var Productinfo = function Productinfo(props) {
   }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
 
   var productidassigner = function productidassigner(productid) {
-    var tempFetchQueriesEngineContext = _objectSpread$1u({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1v({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.fetchproductinfo = true;
-    setFetchQueriesEngineContext(_objectSpread$1u({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1v({}, tempFetchQueriesEngineContext));
 
-    var tempfetchproductinfoObjContext = _objectSpread$1u({}, fetchproductinfoObjContext);
+    var tempfetchproductinfoObjContext = _objectSpread$1v({}, fetchproductinfoObjContext);
 
     tempfetchproductinfoObjContext.productid = productid;
-    setfetchproductinfoObjContext(_objectSpread$1u({}, tempfetchproductinfoObjContext));
+    setfetchproductinfoObjContext(_objectSpread$1v({}, tempfetchproductinfoObjContext));
   };
 
   React.useEffect(function () {
@@ -1012,10 +1012,10 @@ var Productinfo = function Productinfo(props) {
         setproductimagesarray([].concat(tempproductimagesarray));
         variantchecker();
 
-        var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
         tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-        setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
         setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
       }
     }
@@ -1039,7 +1039,7 @@ var Productinfo = function Productinfo(props) {
     variantchecker();
     variantcompleting(); // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
 
-    setProductInfoObj(_objectSpread$1u({}, productarr));
+    setProductInfoObj(_objectSpread$1v({}, productarr));
   };
 
   var variantchecker = function variantchecker() {
@@ -1117,7 +1117,7 @@ var Productinfo = function Productinfo(props) {
         } // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
 
 
-        setProductInfoObj(_objectSpread$1u({}, productarr));
+        setProductInfoObj(_objectSpread$1v({}, productarr));
       }
     }
   };
@@ -1125,10 +1125,10 @@ var Productinfo = function Productinfo(props) {
   var variantcompleting = function variantcompleting() {
     setvariantindexcompleted('');
 
-    var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
     tempaddtocardpayloadobj.variantid = '';
-    setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
     var productarr = ProductInfoObj;
     var selectedoptionsvalues = [];
     productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -1164,16 +1164,16 @@ var Productinfo = function Productinfo(props) {
         } else {
           variantid = variantobj.variantid;
 
-          var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
           tempaddtocardpayloadobj.variantid = variantid;
-          setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
         }
       }
     }); // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
 
-    setProductInfoObj(_objectSpread$1u({}, productarr));
+    setProductInfoObj(_objectSpread$1v({}, productarr));
   };
 
   var addtocartfunc = function addtocartfunc() {
@@ -1382,7 +1382,8 @@ var Productinfo = function Productinfo(props) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row w-100 ml-0 mr-0',
     style: {
-      marginTop: sectionproperties.marginTop + 'px'
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
   }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row ml-0 mr-0 mt-2 w-100 pb-3 mb-3'
@@ -1429,7 +1430,7 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
     }
-  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), props.srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar, props.srcfromprops, "lkjhgf")), props.srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start '
@@ -1645,13 +1646,13 @@ var Productinfo = function Productinfo(props) {
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
 
-      setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "fa fa-chevron-down font-12"
@@ -1660,10 +1661,10 @@ var Productinfo = function Productinfo(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$1u({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$1v({}, addtocardpayloadobj);
 
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$1u({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$1v({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "fa fa-chevron-up font-12"
@@ -1973,9 +1974,9 @@ var css_248z$D = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu_
 var staticroutersidenav = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__p0mIj","sidebar_item":"staticroutersidenav-module_sidebar_item__3F9Q1","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__46AJV","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__O8YSe","metismenu_icon":"staticroutersidenav-module_metismenu_icon__EcRZ1","sidenav_active":"staticroutersidenav-module_sidenav_active__IjRo0","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__6V32S","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__9O187"};
 styleInject(css_248z$D);
 
-function ownKeys$1t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Staticpagesrouter = function Staticpagesrouter(props) {
   var _useState = React.useState(props.currentpageprops),
@@ -2079,7 +2080,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1t({}, secpropobj));
+      setsectionproperties(_objectSpread$1u({}, secpropobj));
       setnavigationstyle('Upper Navigation');
     } // }
     // }
@@ -2239,9 +2240,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-function ownKeys$1s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Ordershistory = function Ordershistory(props) {
   var _props$actions2, _bgimagesarray$, _bgimagesarray$2;
@@ -2277,10 +2278,10 @@ var Ordershistory = function Ordershistory(props) {
 
   React.useEffect(function () {
     if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-      var tempFetchQueriesEngineContext = _objectSpread$1s({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$1t({}, FetchQueriesEngineContext);
 
       tempFetchQueriesEngineContext.orderhistory = true;
-      setFetchQueriesEngineContext(_objectSpread$1s({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$1t({}, tempFetchQueriesEngineContext));
     } else {
       routingcountext('');
     }
@@ -2308,7 +2309,7 @@ var Ordershistory = function Ordershistory(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1s({}, secpropobj)); // }
+    setsectionproperties(_objectSpread$1t({}, secpropobj)); // }
   }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
   var orderhistory_cssstyles = {
     sectiontitlespan: glamor.css({
@@ -3091,9 +3092,9 @@ var css_248z$C = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_c
 var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
 styleInject(css_248z$C);
 
-function ownKeys$1r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$2;
@@ -3118,7 +3119,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1r({}, secpropobj));
+      setsectionproperties(_objectSpread$1s({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
 
@@ -3128,10 +3129,10 @@ var Wishlist = function Wishlist(props) {
       _useState2[1];
 
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$1r({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1s({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$1r({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1s({}, tempFetchQueriesEngineContext));
   }, []);
 
   var _useState3 = React.useState(''),
@@ -3163,7 +3164,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1r({}, secpropobj));
+      setsectionproperties(_objectSpread$1s({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var wishlist_cssstyles = {
@@ -3602,9 +3603,9 @@ var css_248z$B = ".viewcart-module_cartslider_container__UL-Hd {\n    position:
 var cartstyles$1 = {"cartslider_container":"viewcart-module_cartslider_container__UL-Hd","cartslider_container_opened":"viewcart-module_cartslider_container_opened__F7T-6","close_menu_icon_cont":"viewcart-module_close_menu_icon_cont__iLLUP","cart_slider_imagecont":"viewcart-module_cart_slider_imagecont__IX0L7","checkout_quantity_cont":"viewcart-module_checkout_quantity_cont__lJQsv","btn_circle":"viewcart-module_btn_circle__mj95R","cart_progress_card":"viewcart-module_cart_progress_card__1FShH","cart_progress_card_active":"viewcart-module_cart_progress_card_active__Gnvfg","trash_btn":"viewcart-module_trash_btn__WA3Ht","checkout_card_card":"viewcart-module_checkout_card_card__gkpcm"};
 styleInject(css_248z$B);
 
-function ownKeys$1q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Viewcart = function Viewcart(props) {
   var _css, _bgimagesarray$, _bgimagesarray$2, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32, _fetchcustomercartQue33, _fetchcustomercartQue34, _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37;
@@ -3641,7 +3642,7 @@ var Viewcart = function Viewcart(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1q({}, secpropobj));
+      setsectionproperties(_objectSpread$1r({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -4404,12 +4405,12 @@ var css_248z$A = "/* Forms */\n.form-module_form_control__4-RGw {\n    display:
 var formstyles = {"form_control":"form-module_form_control__4-RGw","form_controlcheckout":"form-module_form_controlcheckout__IoXvi","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$A);
 
-function ownKeys$1p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+    return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -4436,7 +4437,7 @@ var defaultstyles = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+    return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
       '&:hover': {// color: '#eac435',
       }
     });
@@ -4444,7 +4445,7 @@ var defaultstyles = {
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+    return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -4473,21 +4474,21 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+    return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
       '&:hover': {// color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$1p(_objectSpread$1p({}, provided), {}, {
+    return _objectSpread$1q(_objectSpread$1q({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 
-function ownKeys$1o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
@@ -4558,18 +4559,18 @@ var Checkout = function Checkout(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1o({}, secpropobj)); // }
+    setsectionproperties(_objectSpread$1p({}, secpropobj)); // }
   }, [props.actions.StatePagePropertiesContext]);
   React.useEffect(function () {
     var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
 
     // if (authdetailsContext.loggedin == true) {
-    var tempFetchQueriesEngineContext = _objectSpread$1o({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1p({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.fetchtabexcountries = true;
-    setFetchQueriesEngineContext(_objectSpread$1o({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1p({}, tempFetchQueriesEngineContext));
 
-    var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
+    var tempFetchTabexStatesPayloadobjContext = _objectSpread$1p({}, FetchTabexStatesPayloadobjContext);
 
     if ( // Aya
     !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart.countryid) != null && // End
@@ -4587,7 +4588,7 @@ var Checkout = function Checkout(props) {
       tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue15 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue15 === void 0 ? void 0 : (_fetchcustomercartQue16 = _fetchcustomercartQue15.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : _fetchcustomercartQue16.customercart.stateid;
     }
 
-    setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext)); // } else {
+    setFetchTabexStatesPayloadobjContext(_objectSpread$1p({}, tempFetchTabexStatesPayloadobjContext)); // } else {
     // routingcountext('');
     // }
   }, []);
@@ -5259,11 +5260,11 @@ var Checkout = function Checkout(props) {
       return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.countryid);
     }),
     onChange: function onChange(option) {
-      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1p({}, FetchTabexStatesPayloadobjContext);
 
       tempFetchTabexStatesPayloadobjContext.functype = 'states';
       tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-      setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
+      setFetchTabexStatesPayloadobjContext(_objectSpread$1p({}, tempFetchTabexStatesPayloadobjContext));
       cartinfoupdater('countryid', option.id);
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -5297,11 +5298,11 @@ var Checkout = function Checkout(props) {
       var _fetchcustomercartQue79, _fetchcustomercartQue80;
 
       if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : (_fetchcustomercartQue80 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.customercart.countryid.length) != 0) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1p({}, FetchTabexStatesPayloadobjContext);
 
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1p({}, tempFetchTabexStatesPayloadobjContext));
         cartinfoupdater('stateid', option.id);
       } else {
         NotificationManager.warning('', 'Please Choose Country Or State');
@@ -5556,9 +5557,9 @@ var css_248z$z = "@media screen and (max-width: 800px) {\n    .signup-module_rig
 var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
 styleInject(css_248z$z);
 
-function ownKeys$1n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Select = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
@@ -5612,27 +5613,27 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       setpayloadobj = _useState6[1];
 
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$1n({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1o({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
     tempFetchQueriesEngineContext.fetchtabexcountries = true;
-    setFetchQueriesEngineContext(_objectSpread$1n({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1o({}, tempFetchQueriesEngineContext));
 
-    var tempFetchQueriesEngineContext = _objectSpread$1n({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1o({}, FetchQueriesEngineContext);
   }, []);
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-      setsectionproperties(_objectSpread$1n({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1o({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   React.useEffect(function () {
     if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
       if (authdetailsContext.loggedin == true) {
-        var tempcustomerinfoobj = _objectSpread$1n({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
+        var tempcustomerinfoobj = _objectSpread$1o({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
 
-        setpayloadobj(_objectSpread$1n({}, tempcustomerinfoobj));
+        setpayloadobj(_objectSpread$1o({}, tempcustomerinfoobj));
 
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1n({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
 
         if (tempcustomerinfoobj.countryid != null) {
           tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
@@ -5642,28 +5643,28 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
           tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
         }
 
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1n({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
         setdataloaded(true);
       } else {
         var _fetchinstitutecustom, _fetchinstitutecustom2;
 
-        var tempcustomerinfoobj = _objectSpread$1n({}, payloadobj);
+        var tempcustomerinfoobj = _objectSpread$1o({}, payloadobj);
 
         if (Array.isArray(fetchinstitutecustomerinfosignupQueryContext === null || fetchinstitutecustomerinfosignupQueryContext === void 0 ? void 0 : (_fetchinstitutecustom = fetchinstitutecustomerinfosignupQueryContext.data) === null || _fetchinstitutecustom === void 0 ? void 0 : (_fetchinstitutecustom2 = _fetchinstitutecustom.data) === null || _fetchinstitutecustom2 === void 0 ? void 0 : _fetchinstitutecustom2.instsignupformvalues)) {
           tempcustomerinfoobj.instsignupformvalues = _toConsumableArray__default["default"](fetchinstitutecustomerinfosignupQueryContext.data.data.instsignupformvalues);
         }
 
-        setpayloadobj(_objectSpread$1n({}, tempcustomerinfoobj));
+        setpayloadobj(_objectSpread$1o({}, tempcustomerinfoobj));
         setdataloaded(true);
       }
     }
   }, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
 
   var payloadobjchange = function payloadobjchange(key, value) {
-    var temppayloadobj = _objectSpread$1n({}, payloadobj);
+    var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
     temppayloadobj[key] = value;
-    setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+    setpayloadobj(_objectSpread$1o({}, temppayloadobj));
   };
 
   var formstyles = {
@@ -5826,11 +5827,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         return option.id == payloadobj.countryid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1n({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
 
         tempFetchTabexStatesPayloadobjContext.functype = 'states';
         tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1n({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('countryid', option.id);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -5864,11 +5865,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         return option.id == payloadobj.stateid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1n({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1o({}, FetchTabexStatesPayloadobjContext);
 
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$1n({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1o({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('stateid', option.id);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -5977,10 +5978,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1n({}, payloadobj);
+          var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1o({}, temppayloadobj));
         }
       }), item.inputtype == 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
@@ -5991,7 +5992,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         className: formstyles.checkboxinputstyles + ' mt-auto mb-auto ',
         checked: item.customersignupvalue == 1 ? true : false,
         onChange: function onChange() {
-          var temppayloadobj = _objectSpread$1n({}, payloadobj);
+          var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
           if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
             temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
@@ -5999,7 +6000,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
             temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
           }
 
-          setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1o({}, temppayloadobj));
         }
       }), /*#__PURE__*/React__default["default"].createElement("svg", {
         viewBox: "0 0 21 21",
@@ -6014,10 +6015,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1n({}, payloadobj);
+          var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1o({}, temppayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("option", {
         value: '',
@@ -6032,10 +6033,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$1n({}, payloadobj);
+          var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$1n({}, temppayloadobj));
+          setpayloadobj(_objectSpread$1o({}, temppayloadobj));
         }
       }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: loginstyles.login_input_focus
@@ -6206,7 +6207,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         });
 
         if (signupformismissing) {
-          var temppayloadobj = _objectSpread$1n({}, payloadobj);
+          var temppayloadobj = _objectSpread$1o({}, payloadobj);
 
           if (authdetailsContext.loggedin == true) {
             temppayloadobj.functype = 'edit';
@@ -6264,9 +6265,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   })))));
 };
 
-function ownKeys$1m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Signup = function Signup(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -6319,7 +6320,7 @@ var Signup = function Signup(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1m({}, secpropobj));
+      setsectionproperties(_objectSpread$1n({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var loginstyles2 = {
@@ -6426,9 +6427,9 @@ var Signup = function Signup(props) {
   }))))))));
 };
 
-function ownKeys$1l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var AccountInformation = function AccountInformation(props) {
   var _bgimagesarray$, _bgimagesarray$2;
@@ -6446,7 +6447,7 @@ var AccountInformation = function AccountInformation(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1l({}, secpropobj));
+    setsectionproperties(_objectSpread$1m({}, secpropobj));
   }, [props.actions.StatePagePropertiesContext]);
 
   var _useState = React.useState(''),
@@ -6641,12 +6642,12 @@ var css_248z$y = ".tabs-module_tabs__36dMY {\n    position: relative;\n    heigh
 var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
 styleInject(css_248z$y);
 
-function ownKeys$1k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Policies = function Policies(props) {
-  var _bgimagesarray$, _bgimagesarray$2;
+  var _bgimagesarray$, _bgimagesarray$2, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3, _fetchInstitutePolici4, _fetchInstitutePolici5, _fetchInstitutePolici6, _fetchInstitutePolici7, _fetchInstitutePolici8;
 
   var _useState = React.useState(''),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -6681,7 +6682,7 @@ var Policies = function Policies(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$1k({}, secpropobj));
+      setsectionproperties(_objectSpread$1l({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -6702,13 +6703,13 @@ var Policies = function Policies(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1k({}, secpropobj));
+    setsectionproperties(_objectSpread$1l({}, secpropobj));
   }, [CurrentPageId]);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$1k({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$1l({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$1k({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1l({}, tempFetchQueriesEngineContext));
   }, []);
 
   var _useState7 = React.useState([]),
@@ -6899,7 +6900,7 @@ var Policies = function Policies(props) {
       background: sectionproperties.tabcontainerbgcolor,
       borderRadius: sectionproperties.tabcontainerborderradius + 'px'
     }
-  }, fetchInstitutePoliciesQueryContext.data.data.policies.map(function (item, index) {
+  }, fetchInstitutePoliciesQueryContext === null || fetchInstitutePoliciesQueryContext === void 0 ? void 0 : (_fetchInstitutePolici = fetchInstitutePoliciesQueryContext.data) === null || _fetchInstitutePolici === void 0 ? void 0 : (_fetchInstitutePolici2 = _fetchInstitutePolici.data) === null || _fetchInstitutePolici2 === void 0 ? void 0 : _fetchInstitutePolici2.policies.map(function (item, index) {
 
     return /*#__PURE__*/React__default["default"].createElement("li", {
       className: index == policychoosedindex ? "".concat(tabstyles.tabsli, " ").concat(policies_cssstyles.tabsli, " ").concat(policies_cssstyles.tabsliactive) : "".concat(tabstyles.tabsli, " ").concat(policies_cssstyles.tabsli),
@@ -6928,12 +6929,12 @@ var Policies = function Policies(props) {
   }, policychoosedindex.length != 0 && langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-100 mt-3",
     dangerouslySetInnerHTML: {
-      __html: fetchInstitutePoliciesQueryContext.data.data.policies[policychoosedindex].policycontent_en
+      __html: fetchInstitutePoliciesQueryContext === null || fetchInstitutePoliciesQueryContext === void 0 ? void 0 : (_fetchInstitutePolici3 = fetchInstitutePoliciesQueryContext.data) === null || _fetchInstitutePolici3 === void 0 ? void 0 : (_fetchInstitutePolici4 = _fetchInstitutePolici3.data) === null || _fetchInstitutePolici4 === void 0 ? void 0 : (_fetchInstitutePolici5 = _fetchInstitutePolici4.policies[policychoosedindex]) === null || _fetchInstitutePolici5 === void 0 ? void 0 : _fetchInstitutePolici5.policycontent_en
     }
   }), policychoosedindex.length != 0 && langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-100 mt-3",
     dangerouslySetInnerHTML: {
-      __html: fetchInstitutePoliciesQueryContext.data.data.policies[policychoosedindex].policycontent_ar
+      __html: fetchInstitutePoliciesQueryContext === null || fetchInstitutePoliciesQueryContext === void 0 ? void 0 : (_fetchInstitutePolici6 = fetchInstitutePoliciesQueryContext.data) === null || _fetchInstitutePolici6 === void 0 ? void 0 : (_fetchInstitutePolici7 = _fetchInstitutePolici6.data) === null || _fetchInstitutePolici7 === void 0 ? void 0 : (_fetchInstitutePolici8 = _fetchInstitutePolici7.policies[policychoosedindex]) === null || _fetchInstitutePolici8 === void 0 ? void 0 : _fetchInstitutePolici8.policycontent_ar
     }
   })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center p-0"
@@ -6944,9 +6945,9 @@ var css_248z$x = ".cart-module_cartslider_container__idend {\n    transition: 0.
 var cartstyles = {"cartslider_container":"cart-module_cartslider_container__idend","close_menu_icon_cont":"cart-module_close_menu_icon_cont__uh-pE","cart_slider_imagecont":"cart-module_cart_slider_imagecont__tnHMt","checkout_cart_slider_imagecont":"cart-module_checkout_cart_slider_imagecont__UX2ct","checkout_quantity_cont":"cart-module_checkout_quantity_cont__Rr3RO","btn_circle":"cart-module_btn_circle__p-BDZ","cart_progress_card":"cart-module_cart_progress_card__jEFwg","cart_progress_card_active":"cart-module_cart_progress_card_active__gQzWT","trash_btn":"cart-module_trash_btn__bHQxy","btn_apply":"cart-module_btn_apply__phbo8","checkout_card_card":"cart-module_checkout_card_card__4zUo9"};
 styleInject(css_248z$x);
 
-function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var CartSlider = function CartSlider(props) {
   var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24;
@@ -7019,7 +7020,7 @@ var CartSlider = function CartSlider(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$1j({}, secpropobj));
+    setsectionproperties(_objectSpread$1k({}, secpropobj));
   }, [CurrentPageId]);
   React.useEffect(function () {
     if (CurrentSrcTypeContext == 'workplace') {
@@ -7030,7 +7031,7 @@ var CartSlider = function CartSlider(props) {
         StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$1j({}, secpropobj));
+        setsectionproperties(_objectSpread$1k({}, secpropobj));
       }
     }
   }, [StatePagePropertiesContext]);
@@ -7585,6 +7586,155 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
   }))))))))));
 };
 
+function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var OrderSuccess = function OrderSuccess(props) {
+  var _props$actions2;
+
+  // let location = useLocation();
+  var lang = props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var templatepropcontext = props.actions.templatepropcontext;
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      IsOrderSuccess = _useState2[0];
+      _useState2[1];
+
+  var _useState3 = React.useState(''),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      ReasonFail = _useState4[0];
+      _useState4[1];
+
+  var _useState5 = React.useState(''),
+      _useState6 = _slicedToArray__default["default"](_useState5, 2),
+      sectionproperties = _useState6[0],
+      setsectionproperties = _useState6[1];
+
+  var _useState7 = React.useState(''),
+      _useState8 = _slicedToArray__default["default"](_useState7, 2);
+      _useState8[0];
+      var setCurrentPageId = _useState8[1]; // useEffect(() => {
+  //     const query = new URLSearchParams(location.search);
+  //     var issuccess = query.get('status');
+  //     if (issuccess == true || issuccess == 1 || issuccess == 'true') {
+  //         setIsOrderSuccess(true);
+  //     } else {
+  //         setIsOrderSuccess(false);
+  //         setReasonFail(query.get('reason'));
+  //     }
+  // }, []);
+
+
+  React.useEffect(function () {
+    var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
+      return x.staticpageid == '62af2f545cebb';
+    });
+
+    if (cartindex >= 0) {
+      setCurrentPageId(templatepropcontext.pagesnprop[cartindex].pageid);
+    }
+  }, []);
+  React.useEffect(function () {
+    var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
+
+    var secpropobj = {};
+    props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
+      secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+    });
+    setsectionproperties(_objectSpread$1j({}, secpropobj));
+  }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
+  var authdetailsContext = props.actions.authdetailsContext;
+  var ordersuccessstyle = {
+    ordersuccessbtn: glamor.css({
+      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      textTransform: sectionproperties.generalbtn_texttransform,
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      transition: '.3s',
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    })
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row m-0 w-100 justify-content-center mt-4 mb-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+    style: {
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px'
+    }
+  }, IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 allcentered flex-column d-none",
+    style: {
+      minHeight: '50vh',
+      background: 'white',
+      borderRadius: '10px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(bs.BsBagCheck, {
+    size: sectionproperties.icontextfontsize,
+    color: sectionproperties.iconcontainercolor,
+    className: "mb-2"
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0 wordbreak",
+    style: {
+      color: sectionproperties.slideshowText1ContentColor,
+      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText1ContentFontWeight
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
+    }
+  }), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "".concat(ordersuccessstyle.ordersuccessbtn, " ") + ' mt-3 d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Ordershistory);
+    }
+  }, lang.checkyourorder)), !IsOrderSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 allcentered flex-column",
+    style: {
+      minHeight: '50vh',
+      background: 'white',
+      borderRadius: '10px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(bs.BsBagX, {
+    size: sectionproperties.icontextfontsize,
+    color: sectionproperties.iconcontainercolor,
+    className: "mb-2"
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0 wordbreak",
+    style: {
+      color: sectionproperties.slideshowText2ContentColor,
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0 wordbreak",
+    style: {
+      color: sectionproperties.slideshowText2ContentColor,
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight
+    }
+  }, ReasonFail)));
+};
+
 var css_248z$v = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n    position: relative;\n    margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n    /* width: 3vh;\n    height: 3vh; */\n    z-index: 1;\n    /* margin-left: -13px;\n    background-color: #e6e6e6; */\n    cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n    cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n    cursor: pointer !important;\n    transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n    border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n    position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n    display: inline-block;\n    content: '✓';\n    color: white;\n    margin: auto !important;\n    font-size: 12px;\n    margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n    background-color: var(--focus) !important;\n    cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n    border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n    border-right: 1px solid #000;\n    position: relative;\n    margin-right: 17px;\n    border-left: 0 !important;\n    margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n    border-left: 1px solid #000 !important;\n    border-right: none !important ;\n    background-color: red;\n    position: relative;\n    margin-left: 17px !important;\n    border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n    margin-left: 0 !important ;\n    margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n    .filter-module_filterslider_container__I-7sG {\n        position: fixed !important;\n        height: 100vh;\n        width: 100vw;\n        /* background-color: #f7f1ee; */\n        z-index: 1000;\n        top: 0;\n        right: 0;\n        transform: translateX(150%) !important;\n        transition: 0.3s;\n        border-left: 2px solid #e6e6e6;\n        overflow-y: scroll;\n    }\n}\n@media screen and (max-width: 500px) {\n    .filter-module_filterslider_container__I-7sG {\n        position: fixed;\n        height: 100vh;\n        width: 90vw;\n        background-color: #f7f1ee;\n\n        top: 0;\n        right: 0;\n        transform: translateX(-100%);\n\n        transition: 0.3s;\n        border-left: 2px solid #e6e6e6;\n        z-index: 2000 !important;\n    }\n}\n.filter-module_filterslider_container_opened__2eZes {\n    transform: translateX(0) !important;\n    z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n    width: 100% !important;\n    /* white-space: nowrap !important; */\n    /* position: relative !important; */\n    overflow-x: scroll !important;\n    /* overflow-y: hidden !important; */\n    -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n    width: 100% !important;\n    /* white-space: nowrap !important; */\n    /* position: relative !important; */\n    overflow-x: scroll !important;\n    overflow-y: hidden !important;\n    -webkit-overflow-scrolling: touch !important;\n    overflow-y: visible !important;\n    position: static !important;\n\n    white-space: nowrap;\n    -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n    float: none !important;\n    display: inline-block !important;\n    zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px transparent;\n    border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n    background: transparent;\n    border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n    background: transparent;\n}\n";
 var filterstyles$1 = {"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$v);
@@ -7806,7 +7956,10 @@ var Filter = function Filter(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 w-100 filter"
+    className: "col-lg-12 p-0 w-100 filter",
+    style: {
+      marginTop: sectionproperties.filtersection_mt + 'px'
+    }
   }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles$1.outercontainer) + ' row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8019,14 +8172,7 @@ var Filter = function Filter(props) {
     })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
       className: "mt-3 mb-3"
     }));
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center",
-    onClick: function onClick() {
-      setfilterfunc('', '', '', 'clearfilters');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: filter_cssstyles.btnstyles + '  ml-1 ml-1 '
-  }, langdetect == 'en' ? 'Clear Filters' : 'حذف الإختيارات')))));
+  }))))));
 };
 
 function ownKeys$1h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -8378,26 +8524,7 @@ var CardsSection = function CardsSection(props) {
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? 'col-lg-9 p-sm-0' : 'row m-0 w-100'
-    }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100 d-flex align-items-center",
-      style: {
-        height: '50vh'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 text-light d-flex align-items-center justify-content-center flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
-      style: {
-        fontSize: sectionproperties.noprod_iconfontSize + 'px',
-        color: sectionproperties.noprod_iconcolor
-      }
-    }), /*#__PURE__*/React__default["default"].createElement("p", {
-      style: {
-        fontSize: sectionproperties.noprod_fontSize + 'px',
-        fontWeight: sectionproperties.noprod_fontWeight,
-        textTransform: sectionproperties.noprod_textTransform,
-        color: sectionproperties.noprod_color
-      }
-    }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100 d-flex align-items-center p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row ml-0 mr-0 w-100 pl-md-2 pr-md-2 pl-sm-2 pr-sm-2",
@@ -8497,7 +8624,28 @@ var CardsSection = function CardsSection(props) {
       style: {
         borderColor: sectionproperties.upperseparatorbgcolor
       }
-    }))), StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
+    }))), !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row m-0 w-100 d-flex align-items-center",
+      style: {
+        height: '20vh'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 text-light d-flex align-items-center justify-content-center flex-column"
+    }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
+      style: {
+        fontSize: sectionproperties.noprod_iconfontSize + 'px',
+        color: sectionproperties.noprod_iconcolor
+      }
+    }), /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        fontSize: sectionproperties.noprod_fontSize + 'px',
+        fontWeight: sectionproperties.noprod_fontWeight,
+        textTransform: sectionproperties.noprod_textTransform,
+        color: sectionproperties.noprod_color
+      }
+    }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
       if (item.tabexsectioninfo != null) {
         if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
           var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
@@ -8538,7 +8686,7 @@ var CardsSection = function CardsSection(props) {
             className: "row m-0 w-100"
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
-              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
+              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-2 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
             }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
               sectiontypeprops: 'horizontal',
               fetchingtypeprops: fetchingtype,
@@ -8570,7 +8718,7 @@ var CardsSection = function CardsSection(props) {
           })))));
         }
       }
-    })));
+    }))));
   };
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15660,7 +15808,7 @@ function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Subheader = function Subheader(props) {
-  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery, _fetchCategoriesQuery2, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _props$subheaderprope8, _props$subheaderprope9, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13;
+  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery, _fetchCategoriesQuery2, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15;
 
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -15738,9 +15886,8 @@ var Subheader = function Subheader(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$a.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$a.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
+    "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$a.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$a.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
-      background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg,
       zIndex: 200,
       flex: 1,
       paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
@@ -15749,9 +15896,10 @@ var Subheader = function Subheader(props) {
   }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$a.sub_container) + ' w-100 p-md-0 '
   }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " ".concat(headerstyles$a.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
+    "class": "".concat(headerstyles$a.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
     style: {
-      position: 'relative'
+      position: 'relative',
+      background: 'transparent'
     }
   }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg 12 p-0 allcentered",
@@ -15765,11 +15913,12 @@ var Subheader = function Subheader(props) {
       height: sectionproperties.upperseparatorheight + 'px'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 m-auto d-flex flex-column align-items-center justify-content-center p-0",
+    "class": "col-lg-12 m-auto d-flex d-md-none flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
     style: {
       borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
       paddingTop: sectionproperties.subheader_margintop + 'px',
-      paddingBottom: sectionproperties.subheader_marginbottom + 'px'
+      paddingBottom: sectionproperties.subheader_marginbottom + 'px',
+      background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$a.nav__item) + ' scrollhorizontal flex-row align-items-center w-md-100 justify-content-md-center ',
@@ -15815,26 +15964,57 @@ var Subheader = function Subheader(props) {
         marginRight: langdetect == 'en' ? (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingRightprops : 0
       }
     }, langdetect == 'en' ? item.title_en : item.title_ar);
-  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : (_fetchCategoriesQuery5 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.parentcolletions) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(headerstyles$a.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center ',
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 m-auto d-none d-md-flex flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
+    style: {
+      borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
+      paddingTop: sectionproperties.subheader_margintop + 'px',
+      paddingBottom: sectionproperties.subheader_marginbottom + 'px',
+      background: sectionproperties.subheaderbgresp
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(headerstyles$a.nav__item) + ' scrollhorizontal flex-row align-items-center w-md-100 justify-content-md-center ',
+    style: {
+      zIndex: 1000,
+      justifyContent: 'center'
+    }
+  }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
+    var _props$subheaderprope8, _props$subheaderprope9;
+
+    return /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "".concat(headerstyles$a.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
+      onClick: function onClick() {},
+      onMouseEnter: function onMouseEnter() {
+        setshowdownheadermenu(true);
+        setChoosenindex(index);
+      },
+      style: {
+        marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
+        marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
+        color: sectionproperties.subheader_categorytitle_fontColor_resp,
+        fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
+        textTransform: sectionproperties.subheader_categorytitle_textTransform_resp,
+        fontWeight: sectionproperties.subheader_categorytitle_textfontweight_resp
+      }
+    }, langdetect == 'en' ? item.title_en : item.title_ar);
+  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : (_fetchCategoriesQuery7 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.parentcolletions) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(headerstyles$a.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 ',
     onMouseLeave: function onMouseLeave() {
       setshowdownheadermenu(false);
     },
     style: {
       width: '95%',
-      zIndex: 2000,
-      position: ((_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
-      top: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 20 : ''
+      zIndex: 2000
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex pl-2 pr-2 pt-3 pb-3"
-  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : (_fetchCategoriesQuery9 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : _fetchCategoriesQuery10.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex pt-3 pb-3"
+  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
   }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
     size: 30
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "font-16 font-weight-500 m-0 p-0"
-  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery11 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.data) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : (_fetchCategoriesQuery13 = _fetchCategoriesQuery12.categories[Choosenindex]) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : _fetchCategoriesQuery13.parentcolletions.map(function (item, index) {
+  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery13 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.data) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : (_fetchCategoriesQuery15 = _fetchCategoriesQuery14.categories[Choosenindex]) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : _fetchCategoriesQuery15.parentcolletions.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
       style: {
@@ -16011,7 +16191,7 @@ var Headerresponsive = function Headerresponsive(props) {
       transition: '0.3s'
     }),
     languagecontainer: glamor.css({
-      color: sectionproperties.language_container_color,
+      color: sectionproperties.language_container_color_resp,
       cursor: 'pointer',
       transition: '.3s',
       ':hover': {
@@ -16085,12 +16265,12 @@ var Headerresponsive = function Headerresponsive(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ' row m-0 w-100 d-none d-md-flex p-0 ',
+    className: ' row m-0 w-100 d-none d-md-flex p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0",
     style: {
       background: sectionproperties.resposive_bgcolor
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 p-0 pl-2 pr-2 "
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -17200,6 +17380,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var actions = props.actions;
+  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -24527,7 +24708,8 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       zIndex: 1000,
       transition: '.3s',
       ':hover .dropdownitem': {
-        color: sectionproperties.dropdown_hovercolor
+        color: sectionproperties.dropdown_hovercolor,
+        transition: '.3s'
       }
     }),
     divider: glamor.css({
@@ -24708,6 +24890,12 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       marginBottom: sectionproperties.header_marginBottom + 'px',
       width: sectionproperties.header_width + 'vw',
       maxWidth: '100vw'
+    }),
+    storeinfocontainer: glamor.css({
+      ':hover .storeinfotext': {
+        transition: '.3s',
+        color: sectionproperties.footerinfotext_coloronhover
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -24734,9 +24922,8 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center justify-content-center cursor-pointer",
+    "class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center cursor-pointer ',
     style: {
-      borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
       marginRight: langdetect == 'en' ? '2rem' : 0,
       marginLeft: langdetect == 'ar' ? '2rem' : 0
     },
@@ -24746,24 +24933,21 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineMail, {
-    "class": header_cssstyles.upperheadertext + '  ml-1 mr-1  ',
+    "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1  ',
     size: sectionproperties.footerinfotext_fontsize
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": header_cssstyles.upperheadertext
+    "class": header_cssstyles.upperheadertext + ' storeinfotext '
   }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center justify-content-center",
-    style: {
-      borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
-    }
+    "class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile),
     target: '_self',
     "class": "d-flex align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement(ai.AiFillPhone, {
-    "class": header_cssstyles.upperheadertext + '  ml-1 mr-1  ',
+    "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1  ',
     size: sectionproperties.footerinfotext_fontsize
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": header_cssstyles.upperheadertext
+    "class": header_cssstyles.upperheadertext + ' storeinfotext '
   }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobile))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 d-flex align-items-center p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29987,13 +30171,13 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
-          NotificationManager.warning('', 'Please Choose Product Options');
+          NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
         }
       } else {
         runfunc = true;
       }
     } else {
-      NotificationManager.warning('', 'Please Choose Quantity');
+      NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
     }
 
     if (runfunc == true) {
@@ -32596,7 +32780,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       setitem = _useState4[1];
 
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  var lang = props.actions.lang;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
@@ -32605,6 +32789,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var routingcountext = props.actions.routingcountext;
+  var NotificationManager = NotificationManager;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -32629,13 +32814,6 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       setitem(props.cardinfoitemprops);
     }
   }, [props.cardinfoitemprops]);
-  React.useEffect(function () {
-    if (item.quantity == 0) {
-      setshowquantity(false);
-    } else {
-      setshowquantity(true);
-    }
-  }, [props.cardinfoitemprops]);
 
   var updatequantity = function updatequantity(type) {
     var tempitem = _objectSpread$e({}, item);
@@ -32653,11 +32831,9 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     }
 
     setitem(_objectSpread$e({}, tempitem));
-    addtocartfunc();
   };
 
   var addtocartfunc = function addtocartfunc() {
-    // updatequantity('add');
     var addtocardpayloadobj = {
       functype: 'add',
       productid: item.productid,
@@ -32670,10 +32846,14 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       if (item.hasvariants == 1) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
+        } else {
+          NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
         }
       } else {
         runfunc = true;
       }
+    } else {
+      NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
     }
 
     if (runfunc == true) {
@@ -32681,11 +32861,6 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     }
   };
 
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default["default"](_useState5, 2),
-      showquantity = _useState6[0],
-      setshowquantity = _useState6[1];
-
   var cardsstyles2 = {
     productcard: glamor.css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -32754,10 +32929,12 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
-      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.cart_btn_borderBottomLeftRadius + 'px' : 0,
+      borderBottomRightRadius: langdetect == 'en' ? 0 : sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.cart_btn_borderBottomLeftRadius + 'px' : 0,
+      borderTopRightRadius: langdetect == 'en' ? 0 : sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       fontSize: sectionproperties.cartBtnTextfontsize + 'px',
-      // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
@@ -32847,12 +33024,48 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
           duration: "1s"
         }));
       } else {
-        return lang.addtocart;
+        return /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": 'h-100 d-flex align-items-center justify-content-center'
+        }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingBag, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
+          size: sectionproperties.cartBtn_iconFontSize
+        }));
       }
     }
 
     if (!AddtoCartMutationContext.isLoading) {
-      return lang.addtocart;
+      return /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": 'h-100 d-flex align-items-center justify-content-center'
+      }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingBag, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
+        size: sectionproperties.cartBtn_iconFontSize
+      }));
     }
   };
 
@@ -32955,10 +33168,12 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered mt-3 mb-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-9 col-md-9 col-sm-9 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
+    "class": "".concat(cardsstyles2.quantitybtn) + ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
     style: {
@@ -33015,34 +33230,20 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "fa fa-chevron-up"
-  })))), showquantity == false && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 col-sm-11 ml-auto mr-auto d-flex align-items-center justify-content-center p-0 mt-3",
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0",
     onClick: function onClick() {
-      setshowquantity(true);
-
       if (item.hasvariants == 0) {
         addtocartfunc();
       } else {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    } // onClick={() => {
-    //     if (item.hasvariants == 0) {
-    //         addtocartfunc();
-    //     } else {
-    //         setShowProductInfoModalContext(true);
-    //         setProductIdProdutInfoModalContext(item.productid);
-    //     }
-    // }}
-
-  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(cardsstyles2.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(cardsstyles2.cart_btn) + '  m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
     disabled: AddtoCartMutationContext.isLoading
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
-  }, /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
-    size: sectionproperties.cartBtn_iconFontSize
-  })), addtocartbuttonrender())))));
+  }, addtocartbuttonrender()))))));
 };
 
 function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -36728,6 +36929,7 @@ var returnLibrary = function returnLibrary() {
     Policies: Policies,
     CartSlider: CartSlider,
     Categoriesdropdown: Categoriesdropdown,
+    OrderSuccess: OrderSuccess,
     // Cards Sections
     CardsSection: CardsSection,
     CardsSection2: CardsSection2,