tabexseriescomponents 0.0.285 → 0.0.288

package/dist/index.umd.js

@@ -834,14 +834,11 @@
           temppayloadobj.email = event.target.value;
           setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
         },
-        disabled: forgetpasswordstage == 'verify' ? true : false
-      }), /*#__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 '
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
-        size: 18
-      })))), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        disabled: forgetpasswordstage == 'verify' ? true : false,
+        style: {
+          background: 'transparent'
+        }
+      })), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
@@ -853,6 +850,9 @@
           var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
           temppayloadobj.code = event.target.value;
           setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+        },
+        style: {
+          background: 'transparent'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
@@ -866,6 +866,9 @@
           var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
           temppayloadobj.newpassword = event.target.value;
           setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+        },
+        style: {
+          background: 'transparent'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
@@ -879,6 +882,9 @@
           var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
           temppayloadobj.confirmnewpassword = event.target.value;
           setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+        },
+        style: {
+          background: 'transparent'
         }
       }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null, /*#__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 "
@@ -950,9 +956,12 @@
       }));
     };
 
-    //productidprops
+    var css_248z$H = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n    display: block;\n    width: 100%;\n    /* height: 35px; */\n    /* font-size: 1rem; */\n    /* color: var(--cardtitle); */\n    /* background: no-repeat center bottom, center calc(100% - 1px); */\n    /* background-size: 0 100%, 100% 100%; */\n    background-clip: padding-box;\n    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n    /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n    /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n    /* background-repeat: repeat-x;\n    background-size: 3px 1px; */\n    cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
+    var 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$H);
+
     var Variantoptions = function Variantoptions(props) {
-      var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
+      var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var selectproductoptionvalue = props.actions.selectproductoptionvalue;
@@ -961,9 +970,30 @@
       var sectionproperties = props.actions.sectionproperties;
       props.actions.ikimagecredcontext;
       var ProductInfoObj = props.actions.ProductInfoObj;
+      var formstyles = {
+        input_label_name: glamor.css({
+          color: sectionproperties.form_labelcolor,
+          textTransform: sectionproperties.form_labeltexttransform,
+          fontWeight: sectionproperties.form_labelfontweight,
+          fontSize: sectionproperties.form_labelfontsize + 'px',
+          marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+        }),
+        form_control: glamor.css((_css = {
+          background: 'transparent',
+          color: sectionproperties.inputfieldcolor,
+          fontSize: sectionproperties.inputfieldfontsize + 'px',
+          position: 'relative',
+          display: 'flex',
+          alignItems: 'center'
+        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+          borderColor: sectionproperties.inputfeildbordercoloronfocus
+        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+          color: sectionproperties.inputfeildbordercoloronfocus
+        }), _css))
+      };
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 d-flex align-items-start"
-      }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
+      }, sectionproperties.variantstyle == 'Slider' && (ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1087,7 +1117,23 @@
             }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
           }
         }))));
-      })));
+      })), sectionproperties.variantstyle == 'Select Box' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: ' d-flex align-items-start mb-2 ',
+        style: {
+          color: sectionproperties.varianttitle_color,
+          fontWeight: sectionproperties.varianttitle_fontweight,
+          textTransform: sectionproperties.varianttitle_texttransform,
+          fontSize: sectionproperties.varianttitle_fontSize + 'px'
+        }
+      }, "label"), /*#__PURE__*/React__default["default"].createElement("select", {
+        className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control)
+      }, /*#__PURE__*/React__default["default"].createElement("option", {
+        value: ''
+      }, langdetect == 'en' ? 'Choose' : 'إختر'), /*#__PURE__*/React__default["default"].createElement("option", {
+        value: 'asd'
+      }, "asdasd")))));
     };
 
     //productidprops
@@ -1181,10 +1227,6 @@
       }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))));
     };
 
-    var css_248z$H = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n    display: block;\n    width: 100%;\n    /* height: 35px; */\n    /* font-size: 1rem; */\n    /* color: var(--cardtitle); */\n    /* background: no-repeat center bottom, center calc(100% - 1px); */\n    /* background-size: 0 100%, 100% 100%; */\n    background-clip: padding-box;\n    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n    /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n    /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n    /* background-repeat: repeat-x;\n    background-size: 3px 1px; */\n    cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
-    var 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$H);
-
     function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var ProductExtraFields = function ProductExtraFields(props) {
@@ -12907,6 +12949,8 @@
                   justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
                 }
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+                // if (sectionproperties.overallnumberofcards != 0) {
+                //     if (cardinfoindex < sectionproperties.overallnumberofcards) {
                 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 ' : 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 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 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 ' : 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 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 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 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 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 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 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 ' : 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 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 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 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 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 ' : ''
                 }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
@@ -12921,7 +12965,8 @@
                   fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
                   numberOfColsvertical: sectionproperties.numberOfColsvertical
                 }));
-              }), fetchingtype == 'products' && /*#__PURE__*/React__default["default"].createElement("div", {
+                // }
+              }), fetchingtype == 'products' && sectionproperties.showpagination == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
                 className: "w-100 col-lg-12 allcentered mt-2"
               }, /*#__PURE__*/React__default["default"].createElement(PaginatedItems, {
                 itemsPerPage: 5
@@ -13673,9 +13718,19 @@
           zIndex: 2000,
           position: ((_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
           top: ((_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.headernameprops) == 'Stylish Header' && ((_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope32 = props.subheaderpropertiesprops) === null || _props$subheaderprope32 === void 0 ? void 0 : _props$subheaderprope32.subheaderpositionprops) == 'in nav' ? 30 : '',
-          border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
-          borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
-          borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
+          // border:
+          //     sectionproperties.subheader_width != 100
+          //         ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
+          //         : 0,
+          border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
+          // borderBottom:
+          //     sectionproperties.subheader_width == 100
+          //         ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
+          //         : 0,
+          // borderTop:
+          //     sectionproperties.subheader_width == 100
+          //         ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
+          //         : 0,
           paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
         }
@@ -25080,7 +25135,7 @@
       var templatepropcontext = props.actions.templatepropcontext;
       var authdetailsContext = props.actions.authdetailsContext;
       var templateproperties_context = props.actions.templateproperties_context;
-      props.actions.favoriteprojectscountContext;
+      var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
       var routingcountext = props.actions.routingcountext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
@@ -25404,7 +25459,10 @@
         "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1  ',
         size: sectionproperties.footerinfotext_fontsize
       }), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": header_cssstyles.upperheadertext + ' storeinfotext '
+        "class": header_cssstyles.upperheadertext + ' storeinfotext ',
+        style: {
+          textTransform: 'none'
+        }
       }, 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": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center '
       }, /*#__PURE__*/React__default["default"].createElement("a", {
@@ -25513,7 +25571,10 @@
       }), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": 'ml-2 mr-2'
       }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ml-3 mr-3 '
+        "class": "".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ml-3 mr-3 ',
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.Login);
+        }
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         "class": ' d-flex justify-content-center align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
@@ -25550,27 +25611,7 @@
         style: {
           maxWidth: '150px'
         }
-      }, authdetailsContext.customerinfo.name))))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-        onClick: function onClick() {
-          routingcountext(StaticPagesLinksContext.Login);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "ml-2 mr-2"
-      }, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-        onClick: function onClick() {
-          routingcountext(StaticPagesLinksContext.Signup);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "ml-2 mr-2 text-transform-none"
-      }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
+      }, authdetailsContext.customerinfo.name))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
         style: {
           minWidth: '200px'
         }
@@ -25670,7 +25711,7 @@
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
         onClick: function onClick() {
           setdropdownselect(!dropdownselect);
@@ -25714,20 +25755,20 @@
           "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
         }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
+        "class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100' : 'col-xl-12 col-lg-12 p-0 d-flex justify-content-end align-items-center h-100'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row m-0 w-100 h-100 ',
         style: {
           position: 'relative',
           backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
-          borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
-          borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
+          borderBottomLeftRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
+          borderBottomRightRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
+          borderTopRightRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
+          borderTopLeftRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
-        placeholder: lang.searchproducts,
+        placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
         "class": "".concat(header_cssstyles.searchbarcont_input) + ' h-100 ',
         onChange: function onChange(event) {
           setSearchHeaderInputContext(event.target.value);
@@ -25739,12 +25780,18 @@
           marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
           marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
         }
-      }, lang.search), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
+      }, sectionproperties.showsearchicon == 'Hide' && /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "h-100 allcentered"
+      }, lang.search), sectionproperties.showsearchicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
+        size: sectionproperties.search_btn_fontSize
+      }))), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
         sectionpropertiesprops: sectionproperties,
         srcfromprops: 'headerfullwidth',
         actions: actions
       })))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
+        "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-end p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
         onClick: function onClick() {
@@ -25752,9 +25799,16 @@
         },
         style: {
           marginRight: langdetect == 'en' ? '1rem' : 0,
-          marginLeft: langdetect == 'ar' ? '1rem' : 0
+          marginLeft: langdetect == 'ar' ? '1rem' : 0,
+          position: 'relative'
         }
-      }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+      }, sectionproperties.showfavbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(headerstyles$5.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center ',
+        style: {
+          top: sectionproperties.wishlistbadgetop + 'px',
+          right: sectionproperties.wishlistbadgeright + 'px'
+        }
+      }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
         size: sectionproperties.favBtnIconfontsize
       }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
         size: sectionproperties.favBtnIconfontsize
@@ -45255,6 +45309,8 @@
 
     function ownKeys$K(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$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    // import { Swiper, SwiperSlide } from 'swiper/react';
+    // import 'swiper/css';
     function CardsArrayOfObjects(_ref) {
       _ref.itemId;
         var cardItem = _ref.cardItem,
@@ -47482,6 +47538,20 @@
             background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
             color: sectionproperties.favBtnTextcoloronhover
           }
+        }),
+        innercard: glamor.css({
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+          boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor,
+          ':hover': {
+            transition: '.3s',
+            boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
+          }
         })
       };
       var Buttons = function Buttons() {
@@ -47595,18 +47665,11 @@
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 w-100 '
+        "class": sectionproperties.sectioncardshadowcolor != null ? ' row ml-0 mr-0 w-100 pt-1 pb-1' : sectionproperties.sectioncardshadowcoloronhover != null ? ' row ml-0 mr-0 w-100 pt-1 pb-1' : ' row ml-0 mr-0 w-100 ',
+        style: {}
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 pl-0 pr-0 h-100",
-        style: {
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
-          backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
-        }
+        "class": card_cssstyles.innercard + ' col-lg-12 pl-0 pr-0 h-100 ',
+        style: {}
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
         style: {
@@ -53857,7 +53920,7 @@
     function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var ModernProductCard = function ModernProductCard(props) {
-      var _css, _css2;
+      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -53870,15 +53933,15 @@
       props.actions.lang;
       var langdetect = props.actions.langdetect;
       var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
-      props.actions.addtofavoritescontext;
+      var addtofavoritescontext = props.actions.addtofavoritescontext;
       var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
       var AddtoCartContext = props.actions.AddtoCartContext;
-      props.actions.AddtoCartMutationContext;
+      var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
       props.actions.StaticPagesLinksContext;
       props.actions.routingcountext;
       var NotificationManager = NotificationManager;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-      props.actions.ikimagecredcontext;
+      var ikimagecredcontext = props.actions.ikimagecredcontext;
       var updatequantity = function updatequantity(type) {
         var tempitem = _objectSpread$g({}, item);
         tempitem.quantity = parseInt(tempitem.quantity);
@@ -53944,6 +54007,62 @@
           AddtoCartContext(addtocardpayloadobj);
         }
       };
+      var addtocartbuttonrender = function addtocartbuttonrender() {
+        if (AddtoCartMutationContext.isLoading) {
+          var _AddtoCartMutationCon;
+          if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 ? void 0 : (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": ' d-flex align-items-center justify-content-center '
+            }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+              color: sectionproperties.cart_iconcolor,
+              width: "20px",
+              height: "20px",
+              duration: "1s"
+            }));
+          } else {
+            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(FiShoppingBag.FiShoppingBag, {
+              "class": "",
+              size: sectionproperties.cartBtn_iconFontSize
+            }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+              "class": "",
+              size: sectionproperties.cartBtn_iconFontSize
+            }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+              "class": "",
+              size: sectionproperties.cartBtn_iconFontSize
+            }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
+              size: sectionproperties.cartBtn_iconFontSize
+            }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+              "class": "",
+              size: sectionproperties.cartBtn_iconFontSize
+            }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+              size: sectionproperties.cartBtn_iconFontSize
+            }));
+          }
+        }
+        if (!AddtoCartMutationContext.isLoading) {
+          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(FiShoppingBag.FiShoppingBag, {
+            "class": "",
+            size: sectionproperties.cartBtn_iconFontSize
+          }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+            "class": "",
+            size: sectionproperties.cartBtn_iconFontSize
+          }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+            "class": "",
+            size: sectionproperties.cartBtn_iconFontSize
+          }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
+            size: sectionproperties.cartBtn_iconFontSize
+          }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+            "class": "",
+            size: sectionproperties.cartBtn_iconFontSize
+          }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+            size: sectionproperties.cartBtn_iconFontSize
+          }));
+        }
+      };
       var card_cssstyles = {
         productcard: glamor.css({
           minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -54032,11 +54151,25 @@
             color: sectionproperties.cartBtnTextcoloronhover
           }
         }),
-        quantitybtn: glamor.css((_css2 = {
-          flex: 1,
+        quantitybtn: glamor.css({
+          // flex: 1,
           border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
-          height: sectionproperties.quantitybtn_height + 'px'
-        }, _defineProperty__default["default"](_css2, "height", '40px'), _defineProperty__default["default"](_css2, "display", 'flex'), _defineProperty__default["default"](_css2, "flexDirection", 'row'), _defineProperty__default["default"](_css2, "overflow", 'hidden'), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css2, "alignItems", 'center'), _defineProperty__default["default"](_css2, "justifyContent", 'center'), _defineProperty__default["default"](_css2, "margin", 0), _defineProperty__default["default"](_css2, "position", 'relative'), _defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
+          height: sectionproperties.quantitybtn_height + 'px',
+          width: sectionproperties.quantitybtn_width + 'px',
+          maxWidth: '100%',
+          display: 'flex',
+          flexDirection: 'row',
+          overflow: 'hidden',
+          borderRadius: sectionproperties.quantitybtn_borderradius + 'px',
+          background: sectionproperties.quantitybtn_bgcolor,
+          alignItems: 'center',
+          justifyContent: 'center',
+          margin: 0,
+          position: 'relative',
+          fontWeight: sectionproperties.quantitybtn_textfontweight,
+          color: sectionproperties.quantitybtn_textcolor,
+          fontSize: sectionproperties.quantitybtn_textfontsize + 'px'
+        }),
         quantitybtn_text: glamor.css({
           margin: 'auto'
         }),
@@ -54048,37 +54181,46 @@
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
-          borderRadius: sectionproperties.add_quantitybtn_borderradius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
           fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
           color: sectionproperties.add_quantitybtn_textcolor,
           transition: '.3s',
           ':hover': {
             color: sectionproperties.add_quantitybtn_textcoloronhover,
             background: sectionproperties.add_quantitybtn_bgcoloronhover
+          },
+          ':hover .addbtn': {
+            color: sectionproperties.add_quantitybtn_textcoloronhover,
+            transition: '.3s'
           }
         }),
         minus_quantitybtn_icon_container: glamor.css({
           position: 'relative',
-          width: sectionproperties.remove_quantitybtn_width + 'px',
-          height: sectionproperties.remove_quantitybtn_height + 'px',
-          background: sectionproperties.remove_quantitybtn_bgcolor,
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
-          borderRadius: sectionproperties.remove_quantitybtn_borderradius + 'px',
+          width: sectionproperties.remove_quantitybtn_width + 'px',
+          height: sectionproperties.remove_quantitybtn_height + 'px',
+          background: sectionproperties.remove_quantitybtn_bgcolor,
           fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px',
           color: sectionproperties.remove_quantitybtn_textcolor,
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
           transition: '.3s',
           ':hover': {
             color: sectionproperties.remove_quantitybtn_textcoloronhover,
             background: sectionproperties.remove_quantitybtn_bgcoloronhover
+          },
+          ':hover .minusbtn': {
+            transition: '.3s',
+            color: sectionproperties.remove_quantitybtn_textcoloronhover
           }
         }),
-        producttotalstyles: glamor.css({
-          color: sectionproperties.total_color,
-          fontSize: sectionproperties.total_fontsize + 'px',
-          fontWeight: 500
-        }),
         productDescStyles: glamor.css({
           color: sectionproperties.prodCatColor,
           fontSize: sectionproperties.prodCatFontSize + 'px',
@@ -54088,8 +54230,101 @@
           marginLeft: sectionproperties.description_marginLeft + 'px',
           marginRight: sectionproperties.description_marginRight + 'px',
           marginBottom: sectionproperties.descriptionMarginBottom + 'px'
+        }),
+        quantity: glamor.css({
+          color: sectionproperties.quantitycolor,
+          fontSize: sectionproperties.quantityfontsize + 'px',
+          fontWeight: sectionproperties.quantityfontweight
         })
       };
+      var ImageContent = function ImageContent() {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "w-100 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+          loading: "lazy",
+          style: {
+            width: sectionproperties.imageInnerWidth_Height + '%',
+            height: sectionproperties.imageInnerWidth_Height + '%',
+            objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+            borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+            borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+            borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
+          }
+        }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+          "class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center  justify-content-center ',
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            addtofavoritescontext(item.productid);
+          },
+          style: {
+            position: 'absolute',
+            top: 10,
+            right: langdetect == 'en' ? 10 : 0,
+            left: langdetect == 'en' ? 0 : 10,
+            background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
+          }
+        }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 d-flex align-items-center justify-content-center"
+        }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
+          size: sectionproperties.favBtnIconfontsize,
+          style: {
+            color: sectionproperties.activefaviconcolor
+          }
+        }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
+          size: sectionproperties.favBtnIconfontsize,
+          style: {
+            color: sectionproperties.activefaviconcolor
+          }
+        })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 d-flex align-items-center justify-content-center"
+        }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+          size: sectionproperties.favBtnIconfontsize
+        }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+          size: sectionproperties.favBtnIconfontsize
+        }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "allcentered",
+          style: {
+            position: 'absolute',
+            top: sectionproperties.badge_top + 'px',
+            right: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
+            left: langdetect == 'ar' ? sectionproperties.badge_right + 'px' : '',
+            width: sectionproperties.badge_width + 'px',
+            height: sectionproperties.badge_height + 'px',
+            background: sectionproperties.badge_bgcolor,
+            borderRadius: sectionproperties.badge_borderradius + 'px',
+            border: sectionproperties.badgeborderwidth + 'px solid ' + sectionproperties.badge_color
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            color: sectionproperties.badge_color,
+            fontSize: sectionproperties.badge_fontsize + 'px'
+          }
+        }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "allcentered",
+          style: {
+            position: 'absolute',
+            top: sectionproperties.pillpositionfromtop + 'px',
+            right: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
+            left: langdetect == 'ar' ? sectionproperties.pillpositionfromright + 'px' : '',
+            width: sectionproperties.pillwidth + 'px',
+            height: sectionproperties.pillheight + 'px',
+            background: sectionproperties.pillbgcolor,
+            borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          style: {
+            color: sectionproperties.pillcolor,
+            fontSize: sectionproperties.pillfontSize + 'px',
+            direction: 'ltr'
+          }
+        }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')));
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
         style: {
@@ -54103,7 +54338,27 @@
         // }}
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.innerproductcard) + ' w-100 '
-      }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        },
+        "class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-flex d-md-none w-100 ',
+        style: {
+          position: 'relative',
+          marginBottom: sectionproperties.image_mb + 'px',
+          height: sectionproperties.image_height + 'px'
+        }
+      }, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        },
+        "class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-none d-md-flex ',
+        style: {
+          position: 'relative',
+          marginBottom: sectionproperties.image_mb + 'px',
+          height: sectionproperties.height_responsive + 'px'
+        }
+      }, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -54120,7 +54375,11 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.quantityshow == 'Show' && item.measurmentunit != null && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.quantity) + '  m-0 '
+      }, item.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex align-items-center"
@@ -54131,7 +54390,7 @@
       }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row mt-1 m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-6 col-md-8 col-sm-8 p-0"
+        "class": "col-lg-6 col-md-8 col-sm-8 p-0 d-flex align-items-center justify-content-start"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           width: sectionproperties.quantitybtn_width + 'px'
@@ -54139,24 +54398,16 @@
         "class": ' row m-0 d-flex align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
-      }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-        style: {
-          transform: ' rotate(-180deg)'
-        },
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
         onClick: function onClick() {
           updatequantity('remove');
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up "
-      })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
-        onClick: function onClick() {
-          updatequantity('add');
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up"
-      })), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
+        size: sectionproperties.remove_quantitybtn_textfontsize
+      }))), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
         style: {
           background: sectionproperties.quantbtntextbgcolor,
@@ -54164,24 +54415,16 @@
           height: sectionproperties.quantitybtntextheight + 'px',
           borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
         }
-      }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-        style: {
-          transform: ' rotate(-180deg)'
-        },
-        onClick: function onClick() {
-          updatequantity('remove');
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up "
-      })), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+      }, item.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' ',
         onClick: function onClick() {
           updatequantity('add');
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "fa fa-chevron-up"
-      }))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, {
+        size: sectionproperties.add_quantitybtn_textfontsize
+      })))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-6 col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(card_cssstyles.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ',
@@ -54192,26 +54435,9 @@
             setShowProductInfoModalContext(true);
             setProductIdProdutInfoModalContext(item.productid);
           }
-        }
-      }, /*#__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(FiShoppingBag.FiShoppingBag, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
-        "class": "",
-        size: sectionproperties.cartBtn_iconFontSize
-      }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
-        size: sectionproperties.cartBtn_iconFontSize
-      })))))))));
+        },
+        disabled: AddtoCartMutationContext.isLoading == true ? true : false
+      }, addtocartbuttonrender())))))));
     };
 
     var css_248z$4 = ".productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n    position: absolute;\n    left: 0;\n    bottom: 60px;\n    opacity:  0;\n    width: 100%;\n    text-align: center;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li {\n    list-style: none;\n    display: inline-block;\n    position: relative;\n    -webkit-transition: all 0.4s ease 0.1s;\n    -o-transition: all 0.4s ease 0.1s;\n    transition: all 0.4s ease 0.1s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li span {\n    display: block;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li span i {\n    position: relative;\n    transform: rotate(0);\n    -webkit-transition: all, 0.2s;\n    -moz-transition: all, 0.2s;\n    -ms-transition: all, 0.2s;\n    -o-transition: all, 0.2s;\n    transition: all, 0.2s;\n}\n.productcard_animatedbuttons-module_productcard__LQiP0:hover .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n    bottom: 40% !important;\n    opacity: 1;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li:hover span i {\n    transform: rotate(360deg);\n}\n@media screen and (max-width: 800px) {\n    .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n        bottom: 20px !important;\n        opacity: 1;\n    }\n    .productcard_animatedbuttons-module_buttonContainerBottom__ienAr{\n        bottom: 20px !important;\n        opacity: 1;\n    }\n    .productcard_animatedbuttons-module_buttonContainerCenter__xApc7{\n        top: 50% !important;\n        opacity: 1;\n    }\n}\n@media screen and (max-width: 500px) {\n    .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n        bottom: 20px !important;\n        opacity: 1;\n    }\n    .productcard_animatedbuttons-module_buttonContainerBottom__ienAr{\n        bottom: 20px !important;\n    opacity: 1;\n    }\n    .productcard_animatedbuttons-module_buttonContainerCenter__xApc7{\n        top: 50% !important;\n        opacity: 1;\n    }\n}\n\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n    position: absolute;\n    left: 0;\n    bottom: -30px;\n    opacity: 0;\n    width: 100%;\n    text-align: center;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li {\n    list-style: none;\n    display: inline-block;\n    position: relative;\n    -webkit-transition: all 0.4s ease 0.1s;\n    -o-transition: all 0.4s ease 0.1s;\n    transition: all 0.4s ease 0.1s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li span {\n    display: block;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li span i {\n    position: relative;\n    transform: rotate(0);\n    -webkit-transition: all, 0.2s;\n    -moz-transition: all, 0.2s;\n    -ms-transition: all, 0.2s;\n    -o-transition: all, 0.2s;\n    transition: all, 0.2s;\n}\n.productcard_animatedbuttons-module_productcard__LQiP0:hover .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n    bottom: 20px !important;\n    opacity: 1;\n}\n\n.productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr.productcard_animatedbuttons-module_buttonContainerBottom_show__C-v73 {\n    bottom: 20px !important;\n    opacity: 1;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li:hover span i {\n    transform: rotate(360deg);\n}\n@media screen and (max-width: 800px) {\n    .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n        bottom: 20px !important;\n        opacity: 1;\n    }\n}\n\n@media (max-width: 576px) {\n    .productcard_animatedbuttons-module_cardcont__bK-HM {\n        max-width: 280px !important;\n        min-width: 280px !important;\n        /* min-width: 200px;\n        max-width: 200px; */\n    }\n}";