tabexseriescomponents 0.0.319 → 0.0.321

package/dist/index.esm.js

@@ -2164,7 +2164,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: "ml-1 mr-1"
-  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity))), sectionproperties.btnposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity))), sectionproperties.btnposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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);
@@ -2246,7 +2246,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.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.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.createElement(ProductHeaderPricing, {
     actions: props.actions
@@ -2424,7 +2425,7 @@ var Product_itemtype = function Product_itemtype(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  }))), sectionproperties.btnposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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);
@@ -2452,7 +2453,17 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(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.createElement("div", {
+  }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.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.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.createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -2498,7 +2509,7 @@ var Product_itemtype = function Product_itemtype(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  }))), sectionproperties.btnposition == 'Besides Cart Button' && /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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);
@@ -2598,7 +2609,23 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mt-2 p-0"
-  }, ShareButtonsContainer()))))), /*#__PURE__*/React.createElement("div", {
+  }, ShareButtonsContainer()), sectionproperties.storeinfoposition == 'Below Information' && /*#__PURE__*/React.createElement("div", {
+    className: productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
+    style: {}
+  }, /*#__PURE__*/React.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.createElement("div", {
+    "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
+    style: {}
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "my-3"
+  })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 allcentered mt-2"
+  }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React.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,
@@ -4774,7 +4801,7 @@ var Productinfo = function Productinfo(props) {
   //         </div>
   //     );
   // };
-  var productinfo_cssstyles = {
+  var productinfo_cssstyles = _defineProperty({
     containerstyles: css({
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
@@ -4964,6 +4991,7 @@ var Productinfo = function Productinfo(props) {
       marginBottom: sectionproperties.marginBottom + 'px'
     }),
     wishlist_btn: css({
+      // marginTop: sectionproperties.favbtnmargintop + 'px',
       width: sectionproperties.favBtnWidth + 'px',
       height: sectionproperties.favBtnHeight + 'px',
       background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
@@ -4981,7 +5009,11 @@ var Productinfo = function Productinfo(props) {
         color: sectionproperties.favBtnTextcoloronhover,
         borderColor: sectionproperties.favBtnTextcoloronhover
       }
+      // '@media (max-width: 800px)': {
+      //     marginTop: sectionproperties.favbtnmargintopresp + 'px',
+      // },
     }),
+
     productname: css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
@@ -5087,7 +5119,12 @@ var Productinfo = function Productinfo(props) {
         background: sectionproperties.storeinfobtnbgcoloronhover
       }
     })
-  };
+  }, "storeinfocontainer", 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;
@@ -13923,7 +13960,7 @@ var CardsSection = function CardsSection(props) {
             // if (sectionproperties.overallnumberofcards != 0) {
             //     if (cardinfoindex < sectionproperties.overallnumberofcards) {
             return /*#__PURE__*/React.createElement("div", {
-              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
+              "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.createElement(Sectioncomp, {
               sectiontypeprops: 'horizontal',
               sectiontypeprops2: 'vertical',
@@ -15616,7 +15653,7 @@ var Headerresponsive = function Headerresponsive(props) {
         }
       })));
     }
-  }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start",
@@ -15632,7 +15669,7 @@ var Headerresponsive = function Headerresponsive(props) {
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start",
@@ -15648,7 +15685,7 @@ var Headerresponsive = function Headerresponsive(props) {
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), templateproperties_context.showpolicies == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start",
@@ -17403,7 +17440,7 @@ styleInject(css_248z$z);
 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(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;
@@ -17661,6 +17698,12 @@ var ClassicHeader = function ClassicHeader(props) {
       ':hover': {
         color: sectionproperties.language_container_coloronhover
       }
+    }),
+    walletoutercontainer: css({
+      height: templateproperties_context.walletcontainerheight + 'px',
+      width: 'fit-content',
+      border: '2px dashed white',
+      borderRadius: 5
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -17773,7 +17816,7 @@ var ClassicHeader = function ClassicHeader(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, /*#__PURE__*/React.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.createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.greetingtextcolor,
@@ -17783,7 +17826,24 @@ var ClassicHeader = function ClassicHeader(props) {
     }
   }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React.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.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.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.createElement("div", {
+    "class": ' m-0 p-0 d-flex justify-content-start flex-row ',
+    style: {}
+  }, /*#__PURE__*/React.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.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.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
     }
@@ -30486,7 +30546,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
 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(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;
@@ -30820,7 +30880,28 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.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.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
+    style: {
+      width: '40px',
+      height: '40px',
+      cursor: 'pointer'
+    }
+  })), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$4.upperheadersection, " ").concat(header_cssstyles.upperheadersection) + ' row m-0 w-100 d-flex align-items-center plr-1025-1 ',
@@ -30828,7 +30909,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       zIndex: 201
     }
   }, /*#__PURE__*/React.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.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -30846,13 +30927,13 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React.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.createElement("div", {
     "class": ' row d-flex justify-content-center m-0 ',
     style: {
       width: sectionproperties.searchbarcont_width + '%'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start ',
     onClick: function onClick() {
       setdropdownselect(!dropdownselect);
@@ -30886,7 +30967,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       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.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown.Item, {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -30899,7 +30980,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
     }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-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.createElement("div", {
     "class": header_cssstyles.searchbarcont + ' p-0 m-0 w-100 ',
     style: {
@@ -30907,14 +30988,17 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }, /*#__PURE__*/React.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.createElement("div", {
     "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(BsSearch, {
+  }, /*#__PURE__*/React.createElement(BiSearch, {
     color: sectionproperties.searchbaricon_color,
     size: sectionproperties.searchbaricon_fontsize,
     style: {
@@ -30925,7 +31009,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     srcfromprops: 'headerfullwidth',
     actions: actions
   }))))), /*#__PURE__*/React.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
@@ -30967,7 +31051,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       letterSpacing: '2px'
     },
     "class": ' p-0 m-0 '
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)))), sectionproperties.btnsposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
@@ -31009,7 +31093,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100',
     style: {
       width: authdetailsContext.loggedin == true ? 'auto' : langdetect == 'en' ? '105px' : '120px',
@@ -31276,7 +31360,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       paddingRightprops: '35px',
       subheadercontentpositionprops: 'start'
     }
-  })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.btnsposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -36341,6 +36425,7 @@ var ModernFooter = function ModernFooter(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   var templatepropcontext = props.actions.templatepropcontext;
   props.actions.ikimagecredcontext;
+  var templateproperties_context = props.actions.templateproperties_context;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -36486,7 +36571,7 @@ var ModernFooter = function ModernFooter(props) {
         }
       }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
@@ -36497,7 +36582,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, lang.wishlist))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }, lang.wishlist))), authdetailsContext.loggedin && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
@@ -36508,7 +36593,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, lang.orderhistory))), /*#__PURE__*/React.createElement("div", {
+  }, lang.orderhistory))), templateproperties_context.showpolicies == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
@@ -42429,6 +42514,40 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       borderBottomWidth: sectionproperties.inputfieldborderWidth + 'px',
       borderBottomColor: sectionproperties.inputfieldborderColor,
       width: '100%'
+    }),
+    imgcontainer: 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: 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 = [{
@@ -42455,27 +42574,23 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     label: 'Alabama'
   }];
   return /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered h-sm-auto",
+    "class": sectionstyles.container + ' allcentered mx-md-0 '
+  }, /*#__PURE__*/React.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.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.createElement("div", {
+  })), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 justify-content-center mt-sm-5 mb-sm-5"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-9 col-sm-9 p-0 mt-auto mb-auto text-align-start"
@@ -42574,11 +42689,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered",
     style: {
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
+      zIndex: 2
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered"
@@ -42604,7 +42715,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       maxWidth: '500px'
     }
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.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',
@@ -42620,33 +42731,33 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered"
   }, /*#__PURE__*/React.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.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
   }, lang.country), /*#__PURE__*/React.createElement(Select$4, {
     options: countries,
     styles: langdetect == 'en' ? defaultstylestransparent : defaultstylestranslatedtransparent
   })), /*#__PURE__*/React.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.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
-  }, langdetect == 'en' ? 'State' : 'الولاية'), /*#__PURE__*/React.createElement(Select$4, {
+  }, langdetect == 'en' ? 'State/Gov' : 'الولاية/المحافظة'), /*#__PURE__*/React.createElement(Select$4, {
     options: states,
     styles: langdetect == 'en' ? defaultstylestransparent : defaultstylestranslatedtransparent
   })), /*#__PURE__*/React.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.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
   }, langdetect == 'en' ? 'City' : 'المدينة'), /*#__PURE__*/React.createElement(Select$4, {
     options: states,
     styles: langdetect == 'en' ? defaultstylestransparent : defaultstylestranslatedtransparent
   })), /*#__PURE__*/React.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.createElement("label", {
-    className: "".concat(sectionstyles.input_label_name) + ' mb-2 '
-  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 '
+  }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     className: "".concat(sectionstyles.dateInput),
-    type: "date"
+    type: "number"
   }))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-3"
   }, /*#__PURE__*/React.createElement("button", {
@@ -45151,7 +45262,7 @@ var Freetextsection = function Freetextsection(props) {
         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.createElement("span", {
       "class": section_styles.line_right,
@@ -45237,13 +45348,13 @@ var Freetextsection = function Freetextsection(props) {
       "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.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.createElement("div", {
       "class": "row m-0 w-100 d-flex d-md-none",
@@ -45262,7 +45373,10 @@ var Freetextsection = function Freetextsection(props) {
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 allcentered"
+    "class": "w-100 allcentered",
+    style: {
+      background: sectionproperties.outerbgcolor
+    }
   }, /*#__PURE__*/React.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: {
@@ -60469,7 +60583,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   };
   return /*#__PURE__*/React.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'