tabexseriescomponents 0.0.284 → 0.0.287

package/dist/index.cjs.js

@@ -989,14 +989,11 @@ var Login = function Login(props) {
       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 '
@@ -1008,6 +1005,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__default["default"].createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
@@ -1021,6 +1021,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__default["default"].createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
@@ -1034,6 +1037,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__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 "
@@ -13034,7 +13040,8 @@ var CardsSection = function CardsSection(props) {
             item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
             // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
             // ? 'scrollmenuclassnameitemClassiccategorycard'
-            item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' :
+            // item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
+            // ? 'scrollmenuclassnameitemModernProductCard'
             // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
             // ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow'
             item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' :
@@ -13061,6 +13068,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__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, {
@@ -13075,7 +13084,8 @@ var CardsSection = function CardsSection(props) {
               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
@@ -13827,9 +13837,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'
     }
@@ -25234,7 +25254,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;
@@ -25558,7 +25578,10 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     "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", {
@@ -25667,7 +25690,10 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }), 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, {
@@ -25704,27 +25730,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     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'
     }
@@ -25824,7 +25830,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__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);
@@ -25868,20 +25874,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__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);
@@ -25893,12 +25899,18 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       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() {
@@ -25906,9 +25918,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__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
@@ -41986,6 +42005,8 @@ var FullVideoSection = function FullVideoSection(props) {
       style: {
         display: sectionproperties.sectiontitleshow == 'Hide' && sectionproperties.prodCatShow == 'Hide' && sectionproperties.slideshowText2ContentFontSize == 0 ? 'none' : 'flex'
       }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
     }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
       style: {
@@ -42031,7 +42052,7 @@ var FullVideoSection = function FullVideoSection(props) {
       dangerouslySetInnerHTML: {
         __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
       }
-    })));
+    }))));
   };
   var Video = function Video() {
     var _Videosarrayofobjs$;
@@ -45407,6 +45428,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__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,
@@ -47634,6 +47657,20 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
         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() {
@@ -47747,18 +47784,11 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       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: {
@@ -54025,7 +54055,7 @@ var ModernProductCard = function ModernProductCard(props) {
   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;
@@ -54096,9 +54126,74 @@ 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__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',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+        maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
+      }
+    }),
+    innerproductcard: glamor.css((_css = {
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      opacity: sectionproperties.cardbg_opacity,
       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',
@@ -54109,13 +54204,16 @@ var ModernProductCard = function ModernProductCard(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
+      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      transition: '.3s',
-      color: sectionproperties.prodNameColor,
-      ':hover': {
-        color: sectionproperties.prodNameColorOnHover
-      }
-    }),
+      color: sectionproperties.prodNameColor
+    }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
+      opacity: sectionproperties.bgopacityonhover,
+      color: sectionproperties.prodNameColorOnHover
+    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .buttoncont', {
+      bottom: '30%',
+      opacity: 1
+    }), _css)),
     productcardimagecont: glamor.css({
       position: 'relative',
       overflow: 'hidden',
@@ -54172,11 +54270,25 @@ var ModernProductCard = function ModernProductCard(props) {
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
-    quantitybtn: glamor.css((_css = {
-      flex: 1,
+    quantitybtn: glamor.css({
+      // flex: 1,
       border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
-      height: sectionproperties.quantitybtn_height + 'px'
-    }, _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "display", 'flex'), _defineProperty__default["default"](_css, "flexDirection", 'row'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css, "alignItems", 'center'), _defineProperty__default["default"](_css, "justifyContent", 'center'), _defineProperty__default["default"](_css, "margin", 0), _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
+      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'
     }),
@@ -54188,37 +54300,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: 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',
@@ -54228,85 +54349,133 @@ var ModernProductCard = function ModernProductCard(props) {
       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: 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: 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": "row m-0 w-100",
+    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
     style: {
-      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginLeft + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginRight + 'px'
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
+    // class="row m-0 w-100"
+    // style={{
+    //     paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginLeft + 'px',
+    //     paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginRight + 'px',
+    // }}
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.productcard) + ' cursor-pointer w-100 '
+    "class": "".concat(card_cssstyles.innerproductcard) + ' w-100 '
   }, /*#__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) + ' p-0 ',
+    "class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-flex d-md-none w-100 ',
     style: {
+      position: 'relative',
       marginBottom: sectionproperties.image_mb + 'px',
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: item.image,
-    loading: "lazy",
-    style: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
+      height: sectionproperties.image_height + '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);
+  }, 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: '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.prodsalePriceshow == 'Show' && (item === null || item === void 0 ? void 0 : item.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "allcentered",
-    style: {
-      position: 'absolute',
-      top: 10,
-      right: langdetect == 'en' ? 10 : '',
-      left: langdetect == 'en' ? '' : 10,
-      width: sectionproperties.badge_width + 'px',
-      height: sectionproperties.badge_height + 'px',
-      background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + 'px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + 'px'
+      position: 'relative',
+      marginBottom: sectionproperties.image_mb + 'px',
+      height: sectionproperties.height_responsive + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, 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() {
@@ -54323,7 +54492,11 @@ var ModernProductCard = function ModernProductCard(props) {
     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"
@@ -54343,23 +54516,24 @@ var ModernProductCard = function ModernProductCard(props) {
   }, /*#__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)'
-    },
+    "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 ',
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
+    size: sectionproperties.remove_quantitybtn_textfontsize
+  }))), langdetect == 'ar' && /*#__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"
-  })), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, {
+    size: sectionproperties.add_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,
@@ -54368,7 +54542,7 @@ var ModernProductCard = function ModernProductCard(props) {
       borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
     }
   }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+    "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
     style: {
       transform: ' rotate(-180deg)'
     },
@@ -54376,15 +54550,19 @@ var ModernProductCard = function ModernProductCard(props) {
       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 ',
+    "class": "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
+    size: sectionproperties.remove_quantitybtn_textfontsize
+  }))), langdetect == 'en' && /*#__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 ',
@@ -54395,26 +54573,9 @@ var ModernProductCard = function ModernProductCard(props) {
         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}";