tabexseriescomponents 0.0.319 → 0.0.321

package/dist/index.umd.js

@@ -2055,7 +2055,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "ml-1 mr-1"
-      }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity))), sectionproperties.btnposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity))), sectionproperties.btnposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
         onClick: function onClick() {
           addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
@@ -2137,7 +2137,8 @@
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0 ",
         style: {
-          textAlign: langdetect == 'en' ? 'left' : 'right'
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          color: sectionproperties.deliverytimecontainercolor
         }
       }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer42 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.productinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : _fetchProductInfoQuer47.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
         actions: props.actions
@@ -2315,7 +2316,7 @@
         width: "20px",
         height: "20px",
         duration: "1s"
-      }))), sectionproperties.btnposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
         onClick: function onClick() {
           addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
@@ -2343,7 +2344,17 @@
         size: sectionproperties.favBtnIconfontsize
       }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
         size: sectionproperties.favBtnIconfontsize
-      }))))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : (_fetchProductInfoQuer73 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          fontSize: sectionproperties.favBtnTextfontsize + 'px'
+        }
+      }, langdetect == 'en' ? sectionproperties.favbtncontent_en : sectionproperties.favbtncontent_ar), fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          fontSize: sectionproperties.favBtnTextfontsize + 'px'
+        }
+      }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : (_fetchProductInfoQuer73 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 mt-3",
         style: {
           overflow: 'hidden'
@@ -2389,7 +2400,7 @@
         width: "20px",
         height: "20px",
         duration: "1s"
-      }))), sectionproperties.btnposition == 'Besides Cart Button' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 mx-3 ',
         onClick: function onClick() {
           addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
@@ -2489,7 +2500,23 @@
         }
       })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mt-2 p-0"
-      }, ShareButtonsContainer()))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, ShareButtonsContainer()), sectionproperties.storeinfoposition == 'Below Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100",
+        style: {
+          paddingLeft: langdetect == 'en' ? '.5em' : 0,
+          paddingRight: langdetect == 'ar' ? '.5rem' : 0
+        }
+      }, StoreInfoprops(), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        "class": "my-3"
+      })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 allcentered mt-2"
+      }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: langdetect == 'en' ? 'col-lg-3 pr-0 border-md-none p-md-0 pt-4 pl-md-0 pr-md-0' : 'col-lg-3 pl-0 border-md-none md-0 pt-4 pl-md-0 pr-md-0',
         style: {
           borderLeft: langdetect == 'en' ? '1px solid #eee' : 0,
@@ -4665,7 +4692,7 @@
       //         </div>
       //     );
       // };
-      var productinfo_cssstyles = {
+      var productinfo_cssstyles = _defineProperty__default["default"]({
         containerstyles: glamor.css({
           marginTop: sectionproperties.marginTop + 'px',
           '@media (max-width: 800px)': {
@@ -4855,6 +4882,7 @@
           marginBottom: sectionproperties.marginBottom + 'px'
         }),
         wishlist_btn: glamor.css({
+          // marginTop: sectionproperties.favbtnmargintop + 'px',
           width: sectionproperties.favBtnWidth + 'px',
           height: sectionproperties.favBtnHeight + 'px',
           background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
@@ -4872,7 +4900,11 @@
             color: sectionproperties.favBtnTextcoloronhover,
             borderColor: sectionproperties.favBtnTextcoloronhover
           }
+          // '@media (max-width: 800px)': {
+          //     marginTop: sectionproperties.favbtnmargintopresp + 'px',
+          // },
         }),
+
         productname: glamor.css({
           fontSize: sectionproperties.prodNameFontSize + 'px',
           textTransform: sectionproperties.prodNameTextTranform,
@@ -4978,7 +5010,12 @@
             background: sectionproperties.storeinfobtnbgcoloronhover
           }
         })
-      };
+      }, "storeinfocontainer", glamor.css({
+        marginTop: sectionproperties.storeinfomarginvertical + 'px',
+        '@media (max-width: 800px)': {
+          marginTop: sectionproperties.storeinfomarginverticalresp + 'px'
+        }
+      }));
       var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
         var _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32;
         var price = 0;
@@ -13814,7 +13851,7 @@
                 // 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 ' : ''
+                  "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 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp : 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, {
                   sectiontypeprops: 'horizontal',
                   sectiontypeprops2: 'vertical',
@@ -15507,7 +15544,7 @@
             }
           })));
         }
-      }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start",
@@ -15523,7 +15560,7 @@
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start",
@@ -15539,7 +15576,7 @@
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), templateproperties_context.showpolicies == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start",
@@ -17294,7 +17331,7 @@
     function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$1M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var ClassicHeader = function ClassicHeader(props) {
-      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _templatepropcontext$;
+      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _templatepropcontext$;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
       var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
@@ -17552,6 +17589,12 @@
           ':hover': {
             color: sectionproperties.language_container_coloronhover
           }
+        }),
+        walletoutercontainer: glamor.css({
+          height: templateproperties_context.walletcontainerheight + 'px',
+          width: 'fit-content',
+          border: '2px dashed white',
+          borderRadius: 5
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -17664,7 +17707,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
+      }, (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.cancustomerviewwallet) != 1 && templateproperties_context.showwallet == 'Hide' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0",
         style: {
           color: sectionproperties.greetingtextcolor,
@@ -17674,7 +17717,24 @@
         }
       }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow '
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name), (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c3 = authdetailsContext.customerinfo) === null || _authdetailsContext$c3 === void 0 ? void 0 : _authdetailsContext$c3.cancustomerviewwallet) == 1 && templateproperties_context.showwallet == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' m-0 p-0 d-flex justify-content-start flex-row ',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          color: templateproperties_context.walletcolor,
+          fontSize: templateproperties_context.walletfontize + 'px',
+          fontWeight: 500
+        }
+      }, langdetect == 'en' ? templateproperties_context.walletcontent_en : templateproperties_context.walletcontent_ar), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 mx-1",
+        style: {
+          color: templateproperties_context.walletsecondarycolor,
+          fontSize: '15px',
+          fontWeight: 600
+        }
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c4 = authdetailsContext.customerinfo) === null || _authdetailsContext$c4 === void 0 ? void 0 : _authdetailsContext$c4.walletpoints, ' '))))), !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);
         }
@@ -30377,7 +30437,7 @@
     function ownKeys$1w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var TwoTieredHeader = function TwoTieredHeader(props) {
-      var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
+      var _css, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i3, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var setlang = props.actions.setlang;
@@ -30711,7 +30771,28 @@
           marginTop: sectionproperties.header_marginTop + 'px',
           marginBottom: sectionproperties.header_marginBottom + 'px'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+        href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+        target: '_blank',
+        style: {
+          position: 'fixed',
+          bottom: 10,
+          right: 10,
+          zIndex: 999999,
+          transition: 'all 0.3s ease-out'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
+        style: {
+          width: '40px',
+          height: '40px',
+          cursor: 'pointer'
+        }
+      })), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+        sectionpropertiesprops: sectionproperties,
+        templateproperties_contextprops: templateproperties_context,
+        actions: actions
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$4.upperheadersection, " ").concat(header_cssstyles.upperheadersection) + ' row m-0 w-100 d-flex align-items-center plr-1025-1 ',
@@ -30719,7 +30800,7 @@
           zIndex: 201
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
+        "class": sectionproperties.centeredpartitions == 'Yes' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start' : 'col-lg-2 p-0 d-flex align-items-center justify-content-start'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
         style: {
@@ -30737,13 +30818,13 @@
           maxHeight: '100%'
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-xl-7 col-lg-6 p-0 d-flex align-items-center justify-content-center"
+        "class": sectionproperties.centeredpartitions == 'Yes' ? 'col-xl-6 col-lg-6 p-0 d-flex align-items-center justify-content-center' : 'col-xl-7 col-lg-6 p-0 d-flex align-items-center justify-content-center'
       }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row d-flex justify-content-center m-0 ',
         style: {
           width: sectionproperties.searchbarcont_width + '%'
         }
-      }, /*#__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 ',
         onClick: function onClick() {
           setdropdownselect(!dropdownselect);
@@ -30777,7 +30858,7 @@
           minWidth: '250px',
           marginLeft: '0px'
         }
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : (_authdetailsContext$i3 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
           onClick: function onClick() {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -30790,7 +30871,7 @@
           "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-start align-items-center"
+        "class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-8 p-0 d-flex justify-content-start align-items-center' : 'col-xl-12 col-lg-12 p-0 d-flex justify-content-start align-items-center'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": header_cssstyles.searchbarcont + ' p-0 m-0 w-100 ',
         style: {
@@ -30798,14 +30879,17 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
-        placeholder: lang.searchproducts,
-        "class": "".concat(header_cssstyles.searchbarcont_input) + ' p-1 ',
+        placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+        "class": "".concat(header_cssstyles.searchbarcont_input),
         onChange: function onChange(event) {
           setSearchHeaderInputContext(event.target.value);
+        },
+        style: {
+          paddingLeft: sectionproperties.searchbarcont_paddingLeft + 'px'
         }
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center m-0 p-0 '
-      }, /*#__PURE__*/React__default["default"].createElement(BsSearch.BsSearch, {
+      }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
         color: sectionproperties.searchbaricon_color,
         size: sectionproperties.searchbaricon_fontsize,
         style: {
@@ -30816,7 +30900,7 @@
         srcfromprops: 'headerfullwidth',
         actions: actions
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.btnsposition == 'Top' ? 'col-xl-3 col-lg-4 plr-1025-0' : 'col-xl-3 col-lg-4 plr-1025-1',
+        "class": sectionproperties.centeredpartitions == 'Yes' ? 'col-xl-3 col-lg-3 plr-1025-0' : sectionproperties.btnsposition == 'Top' ? 'col-xl-3 col-lg-4 plr-1025-0' : 'col-xl-3 col-lg-4 plr-1025-1',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.btnsposition == 'Top' ? authdetailsContext.loggedin == true ? 0 : '2rem' : '3rem' : 0,
           paddingRight: langdetect == 'ar' ? sectionproperties.btnsposition == 'Top' ? authdetailsContext.loggedin == true ? 0 : '2rem' : '3rem' : 0
@@ -30858,7 +30942,7 @@
           letterSpacing: '2px'
         },
         "class": ' p-0 m-0 '
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)))), sectionproperties.btnsposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__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() {
           routingcountext(StaticPagesLinksContext.Wishlist);
@@ -30900,7 +30984,7 @@
         size: sectionproperties.cartBtn_iconFontSize
       }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
         size: sectionproperties.cartBtn_iconFontSize
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100',
         style: {
           width: authdetailsContext.loggedin == true ? 'auto' : langdetect == 'en' ? '105px' : '120px',
@@ -31167,7 +31251,7 @@
           paddingRightprops: '35px',
           subheadercontentpositionprops: 'start'
         }
-      })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.btnsposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-3 d-flex align-items-center justify-content-end"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -36232,6 +36316,7 @@
       var authdetailsContext = props.actions.authdetailsContext;
       var templatepropcontext = props.actions.templatepropcontext;
       props.actions.ikimagecredcontext;
+      var templateproperties_context = props.actions.templateproperties_context;
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -36377,7 +36462,7 @@
             }
           }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
         }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -36388,7 +36473,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, lang.wishlist))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.wishlist))), authdetailsContext.loggedin && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -36399,7 +36484,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, lang.orderhistory))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.orderhistory))), templateproperties_context.showpolicies == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -42320,6 +42405,40 @@
           borderBottomWidth: sectionproperties.inputfieldborderWidth + 'px',
           borderBottomColor: sectionproperties.inputfieldborderColor,
           width: '100%'
+        }),
+        imgcontainer: glamor.css({
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          right: 0,
+          left: 0,
+          zIndex: 1,
+          ':before': {
+            width: '100%',
+            height: '100%',
+            background: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
+            zIndex: 1,
+            position: 'absolute',
+            content: 's',
+            fontSize: 0,
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0
+          }
+        }),
+        container: glamor.css({
+          backgroundSize: sectionproperties.bgcovercontain,
+          width: '100%',
+          height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px',
+          position: 'relative',
+          marginLeft: sectionproperties.card_marginLeft + 'px',
+          marginRight: sectionproperties.card_marginRight + 'px',
+          '@media (max-width: 800px)': {
+            height: sectionproperties.height_responsive + 'vh'
+          }
         })
       };
       var countries = [{
@@ -42346,27 +42465,23 @@
         label: 'Alabama'
       }];
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "allcentered h-sm-auto",
+        "class": sectionstyles.container + ' allcentered mx-md-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionstyles.imgcontainer,
         style: {
-          // background: `linearGradient(0deg, rgba(255, 0, 150, 0.3), rgba(255, 0, 150, 0.3))`,
-          // backgroundImage: imagesarray.length != 0 ? 'url(' + serverbaselink + imagesarray[0].bgsection_image + ')' : '',
-          backgroundSize: sectionproperties.bgcovercontain,
           width: '100%',
-          height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
-          marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          position: 'relative'
+          height: 'auto'
         }
       }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: imagesarray.length != 0 ? langdetect == 'en' ? imagesarray[0].bgsection_image : imagesarray[0].bgsection_image_ar : '',
+        path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + imagesarray[0].bgsection_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + imagesarray[0].bgsection_image_ar : '',
         style: {
           width: '100%',
           height: '100%',
-          objectFit: sectionproperties.bgcovercontain
+          objectFit: 'cover'
         }
-      }), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 justify-content-center mt-sm-5 mb-sm-5"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-6 col-md-9 col-sm-9 p-0 mt-auto mb-auto text-align-start"
@@ -42465,11 +42580,7 @@
       }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered",
         style: {
-          position: 'absolute',
-          top: 0,
-          bottom: 0,
-          right: 0,
-          left: 0
+          zIndex: 2
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered"
@@ -42495,7 +42606,7 @@
           maxWidth: '500px'
         }
       }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-10 col-md-12 col-sm-12 allcentered mt-3",
+        "class": "col-lg-9 col-md-10 col-sm-10 allcentered mt-3",
         style: {
           backgroundColor: sectionproperties.reservation_bgcolor,
           borderRadius: sectionproperties.reservation_borderradius + 'px',
@@ -42511,33 +42622,33 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 '
+        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
       }, lang.country), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
         options: countries,
         styles: langdetect == 'en' ? defaultstylestransparent : defaultstylestranslatedtransparent
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 '
+        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
-      }, langdetect == 'en' ? 'State' : 'الولاية'), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+      }, langdetect == 'en' ? 'State/Gov' : 'الولاية/المحافظة'), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
         options: states,
         styles: langdetect == 'en' ? defaultstylestransparent : defaultstylestranslatedtransparent
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 '
+        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
       }, langdetect == 'en' ? 'City' : 'المدينة'), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
         options: states,
         styles: langdetect == 'en' ? defaultstylestransparent : defaultstylestranslatedtransparent
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 '
+        className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
       }, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
-      }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
+        className: "".concat(sectionstyles.input_label_name) + ' mb-3 '
+      }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
         className: "".concat(sectionstyles.dateInput),
-        type: "date"
+        type: "number"
       }))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 allcentered mt-3"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -45042,7 +45153,7 @@
             textTransform: sectionproperties.sectionTitleTextTransform,
             fontWeight: sectionproperties.sectionTitleFontWeight,
             padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
-            textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'left'
+            textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
           }
         }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
           "class": section_styles.line_right,
@@ -45128,13 +45239,13 @@
           "class": "w-100 d-flex d-md-none",
           style: {
             fontSize: sectionproperties.sectionTitleFontSize + 'px',
-            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
           }
         }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "w-100 d-none d-md-flex",
           style: {
             fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
-            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+            justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
           }
         }, SectionTitle()))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 d-flex d-md-none",
@@ -45153,7 +45264,10 @@
         }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 allcentered"
+        "class": "w-100 allcentered",
+        style: {
+          background: sectionproperties.outerbgcolor
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
         style: {
@@ -60360,7 +60474,7 @@
       };
       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),
+        "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'