tabexseriescomponents 0.0.285 → 0.0.288

package/dist/index.esm.js

@@ -942,14 +942,11 @@ var Login = function Login(props) {
       temppayloadobj.email = event.target.value;
       setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
     },
-    disabled: forgetpasswordstage == 'verify' ? true : false
-  }), /*#__PURE__*/React.createElement("span", {
-    className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement(AiOutlineUser, {
-    size: 18
-  })))), forgetpasswordstage == 'verify' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    disabled: forgetpasswordstage == 'verify' ? true : false,
+    style: {
+      background: 'transparent'
+    }
+  })), forgetpasswordstage == 'verify' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
@@ -961,6 +958,9 @@ var Login = function Login(props) {
       var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
       setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+    },
+    style: {
+      background: 'transparent'
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
@@ -974,6 +974,9 @@ var Login = function Login(props) {
       var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
       setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+    },
+    style: {
+      background: 'transparent'
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
@@ -987,6 +990,9 @@ var Login = function Login(props) {
       var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
       setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+    },
+    style: {
+      background: 'transparent'
     }
   }))))), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
@@ -1058,9 +1064,12 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
   }));
 };
 
-//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;
@@ -1069,9 +1078,30 @@ var Variantoptions = function Variantoptions(props) {
   var sectionproperties = props.actions.sectionproperties;
   props.actions.ikimagecredcontext;
   var ProductInfoObj = props.actions.ProductInfoObj;
+  var formstyles = {
+    input_label_name: 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: css((_css = {
+      background: 'transparent',
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+      borderColor: sectionproperties.inputfeildbordercoloronfocus
+    }), _defineProperty(_css, ':focus .login_input_icon', {
+      color: sectionproperties.inputfeildbordercoloronfocus
+    }), _css))
+  };
   return /*#__PURE__*/React.createElement(React.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.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.createElement("div", {
       className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("div", {
@@ -1195,7 +1225,23 @@ var Variantoptions = function Variantoptions(props) {
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       }
     }))));
-  })));
+  })), sectionproperties.variantstyle == 'Select Box' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12"
+  }, /*#__PURE__*/React.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.createElement("select", {
+    className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control)
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ''
+  }, langdetect == 'en' ? 'Choose' : 'إختر'), /*#__PURE__*/React.createElement("option", {
+    value: 'asd'
+  }, "asdasd")))));
 };
 
 //productidprops
@@ -1289,10 +1335,6 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, '-' + 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(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) {
@@ -13015,6 +13057,8 @@ var CardsSection = function CardsSection(props) {
               justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
             }
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+            // if (sectionproperties.overallnumberofcards != 0) {
+            //     if (cardinfoindex < sectionproperties.overallnumberofcards) {
             return /*#__PURE__*/React.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.createElement(Sectioncomp, {
@@ -13029,7 +13073,8 @@ var CardsSection = function CardsSection(props) {
               fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
               numberOfColsvertical: sectionproperties.numberOfColsvertical
             }));
-          }), fetchingtype == 'products' && /*#__PURE__*/React.createElement("div", {
+            // }
+          }), fetchingtype == 'products' && sectionproperties.showpagination == 'Show' && /*#__PURE__*/React.createElement("div", {
             className: "w-100 col-lg-12 allcentered mt-2"
           }, /*#__PURE__*/React.createElement(PaginatedItems, {
             itemsPerPage: 5
@@ -13781,9 +13826,19 @@ var Subheader = function Subheader(props) {
       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'
     }
@@ -25188,7 +25243,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   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;
@@ -25512,7 +25567,10 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     "class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1  ',
     size: sectionproperties.footerinfotext_fontsize
   }), /*#__PURE__*/React.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.createElement("div", {
     "class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React.createElement("a", {
@@ -25621,7 +25679,10 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.english))))))), /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.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.createElement("span", {
     "class": ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement(FiUser, {
@@ -25658,27 +25719,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     style: {
       maxWidth: '150px'
     }
-  }, authdetailsContext.customerinfo.name))))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineLogin, null), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.login)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, null), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2 text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
+  }, authdetailsContext.customerinfo.name))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
       minWidth: '200px'
     }
@@ -25778,7 +25819,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.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);
@@ -25822,20 +25863,20 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       "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.createElement(Dropdown.Divider, null));
   }))))), /*#__PURE__*/React.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.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.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);
@@ -25847,12 +25888,18 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
       marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
     }
-  }, lang.search), /*#__PURE__*/React.createElement(Searchlist$1, {
+  }, sectionproperties.showsearchicon == 'Hide' && /*#__PURE__*/React.createElement("span", {
+    "class": "h-100 allcentered"
+  }, lang.search), sectionproperties.showsearchicon == 'Show' && /*#__PURE__*/React.createElement("span", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(BiSearch, {
+    size: sectionproperties.search_btn_fontSize
+  }))), /*#__PURE__*/React.createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'headerfullwidth',
     actions: actions
   })))), /*#__PURE__*/React.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.createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -25860,9 +25907,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     },
     style: {
       marginRight: langdetect == 'en' ? '1rem' : 0,
-      marginLeft: langdetect == 'ar' ? '1rem' : 0
+      marginLeft: langdetect == 'ar' ? '1rem' : 0,
+      position: 'relative'
     }
-  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
+  }, sectionproperties.showfavbadge == 'Show' && /*#__PURE__*/React.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.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
@@ -45363,6 +45417,8 @@ var Slideshowslide = function Slideshowslide(props) {
 
 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(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,
@@ -47590,6 +47646,20 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
         background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
         color: sectionproperties.favBtnTextcoloronhover
       }
+    }),
+    innercard: 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() {
@@ -47703,18 +47773,11 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, /*#__PURE__*/React.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.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.createElement("div", {
     "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
     style: {
@@ -53965,7 +54028,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
 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(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 = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -53978,15 +54041,15 @@ var ModernProductCard = function ModernProductCard(props) {
   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);
@@ -54052,6 +54115,62 @@ var ModernProductCard = function ModernProductCard(props) {
       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.createElement("div", {
+          "class": ' d-flex align-items-center justify-content-center '
+        }, /*#__PURE__*/React.createElement(CircularProgress, {
+          color: sectionproperties.cart_iconcolor,
+          width: "20px",
+          height: "20px",
+          duration: "1s"
+        }));
+      } else {
+        return /*#__PURE__*/React.createElement("i", {
+          "class": 'h-100 d-flex align-items-center justify-content-center'
+        }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+          "class": "",
+          size: sectionproperties.cartBtn_iconFontSize
+        }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+          size: sectionproperties.cartBtn_iconFontSize
+        }));
+      }
+    }
+    if (!AddtoCartMutationContext.isLoading) {
+      return /*#__PURE__*/React.createElement("i", {
+        "class": 'h-100 d-flex align-items-center justify-content-center'
+      }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+        "class": "",
+        size: sectionproperties.cartBtn_iconFontSize
+      }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+        size: sectionproperties.cartBtn_iconFontSize
+      }));
+    }
+  };
   var card_cssstyles = {
     productcard: css({
       minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -54140,11 +54259,25 @@ var ModernProductCard = function ModernProductCard(props) {
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
-    quantitybtn: css((_css2 = {
-      flex: 1,
+    quantitybtn: css({
+      // flex: 1,
       border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
-      height: sectionproperties.quantitybtn_height + 'px'
-    }, _defineProperty(_css2, "height", '40px'), _defineProperty(_css2, "display", 'flex'), _defineProperty(_css2, "flexDirection", 'row'), _defineProperty(_css2, "overflow", 'hidden'), _defineProperty(_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty(_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty(_css2, "alignItems", 'center'), _defineProperty(_css2, "justifyContent", 'center'), _defineProperty(_css2, "margin", 0), _defineProperty(_css2, "position", 'relative'), _defineProperty(_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty(_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty(_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: css({
       margin: 'auto'
     }),
@@ -54156,37 +54289,46 @@ var ModernProductCard = function ModernProductCard(props) {
       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: 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: css({
-      color: sectionproperties.total_color,
-      fontSize: sectionproperties.total_fontsize + 'px',
-      fontWeight: 500
-    }),
     productDescStyles: css({
       color: sectionproperties.prodCatColor,
       fontSize: sectionproperties.prodCatFontSize + 'px',
@@ -54196,8 +54338,101 @@ var ModernProductCard = function ModernProductCard(props) {
       marginLeft: sectionproperties.description_marginLeft + 'px',
       marginRight: sectionproperties.description_marginRight + 'px',
       marginBottom: sectionproperties.descriptionMarginBottom + 'px'
+    }),
+    quantity: css({
+      color: sectionproperties.quantitycolor,
+      fontSize: sectionproperties.quantityfontsize + 'px',
+      fontWeight: sectionproperties.quantityfontweight
     })
   };
+  var ImageContent = function ImageContent() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "w-100 allcentered"
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+      loading: "lazy",
+      style: {
+        width: 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.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.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, {
+      size: sectionproperties.favBtnIconfontsize,
+      style: {
+        color: sectionproperties.activefaviconcolor
+      }
+    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart, {
+      size: sectionproperties.favBtnIconfontsize,
+      style: {
+        color: sectionproperties.activefaviconcolor
+      }
+    })), !item.IsFavExists && /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center"
+    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
+      size: sectionproperties.favBtnIconfontsize
+    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
+      size: sectionproperties.favBtnIconfontsize
+    }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+      "class": "allcentered",
+      style: {
+        position: 'absolute',
+        top: sectionproperties.badge_top + 'px',
+        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.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.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.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.createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
     style: {
@@ -54211,7 +54446,27 @@ var ModernProductCard = function ModernProductCard(props) {
     // }}
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.innerproductcard) + ' w-100 '
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    },
+    "class": "".concat(card_cssstyles.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.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.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
@@ -54228,7 +54483,11 @@ var ModernProductCard = function ModernProductCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), /*#__PURE__*/React.createElement("div", {
+  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.quantityshow == 'Show' && item.measurmentunit != null && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.quantity) + '  m-0 '
+  }, item.measurmentunit)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center"
@@ -54239,7 +54498,7 @@ var ModernProductCard = function ModernProductCard(props) {
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React.createElement("div", {
     "class": "row mt-1 m-0 w-100"
   }, /*#__PURE__*/React.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.createElement("div", {
     style: {
       width: sectionproperties.quantitybtn_width + 'px'
@@ -54247,24 +54506,16 @@ var ModernProductCard = function ModernProductCard(props) {
     "class": ' row m-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
-  }, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-    style: {
-      transform: ' rotate(-180deg)'
-    },
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
     onClick: function onClick() {
       updatequantity('remove');
     }
   }, /*#__PURE__*/React.createElement("i", {
-    "class": "fa fa-chevron-up "
-  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
-    onClick: function onClick() {
-      updatequantity('add');
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "fa fa-chevron-up"
-  })), /*#__PURE__*/React.createElement("span", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(AiOutlineMinus, {
+    size: sectionproperties.remove_quantitybtn_textfontsize
+  }))), /*#__PURE__*/React.createElement("span", {
     "class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
     style: {
       background: sectionproperties.quantbtntextbgcolor,
@@ -54272,24 +54523,16 @@ var ModernProductCard = function ModernProductCard(props) {
       height: sectionproperties.quantitybtntextheight + 'px',
       borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
     }
-  }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-    style: {
-      transform: ' rotate(-180deg)'
-    },
-    onClick: function onClick() {
-      updatequantity('remove');
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "fa fa-chevron-up "
-  })), langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+  }, item.quantity), /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' ',
     onClick: function onClick() {
       updatequantity('add');
     }
   }, /*#__PURE__*/React.createElement("i", {
-    "class": "fa fa-chevron-up"
-  }))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(AiOutlinePlus, {
+    size: sectionproperties.add_quantitybtn_textfontsize
+  })))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0"
   }, /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ',
@@ -54300,26 +54543,9 @@ var ModernProductCard = function ModernProductCard(props) {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": 'h-100 d-flex align-items-center justify-content-center'
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
-    "class": "",
-    size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-    "class": "",
-    size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-    "class": "",
-    size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
-    size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-    "class": "",
-    size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(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}";