tabexseriescomponents 0.0.122 → 0.0.124

package/dist/index.cjs.js

@@ -2976,57 +2976,6 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var authdetailsContext = props.actions.authdetailsContext;
-  var _useState7 = React.useState([{
-      tabname: lang.accountinformation,
-      route: StaticPagesLinksContext.accountinfo,
-      ischecked: currentchecked == 'accountinfo' ? true : false,
-      icon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
-        size: 15
-      })),
-      Isvisible: authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin,
-      shown: true
-    }, {
-      tabname: lang.previousorders,
-      route: StaticPagesLinksContext.Ordershistory,
-      ischecked: currentchecked == 'previousorders' ? true : false,
-      icon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null)),
-      Isvisible: authdetailsContext.loggedin,
-      shown: true
-    }, {
-      tabname: lang.policies,
-      route: StaticPagesLinksContext.Policies,
-      ischecked: currentchecked == 'Policies' ? true : false,
-      icon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, null)),
-      Isvisible: true,
-      shown: true
-    }, {
-      route: StaticPagesLinksContext.Wishlist,
-      tabname: lang.wishlist,
-      ischecked: currentchecked == 'Wishlist' ? true : false,
-      icon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
-      Isvisible: true,
-      shown: true
-    }, {
-      route: StaticPagesLinksContext.viewcart,
-      tabname: lang.viewcart,
-      ischecked: currentchecked == 'Viewcart' ? true : false,
-      icon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
-      Isvisible: true,
-      shown: sectionproperties.cartBtnShow == 'Show' ? true : false
-    }]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    tabsarray = _useState8[0];
-    _useState8[1];
   React.useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '623dbf7ccdc8b';
@@ -3109,6 +3058,57 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       color: sectionproperties.navigationtextactivecolor
     })
   };
+  var _useState7 = React.useState([{
+      tabname: lang.accountinformation,
+      route: StaticPagesLinksContext.accountinfo,
+      ischecked: currentchecked == 'accountinfo' ? true : false,
+      icon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
+        size: 15
+      })),
+      Isvisible: authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin,
+      shown: true
+    }, {
+      tabname: lang.previousorders,
+      route: StaticPagesLinksContext.Ordershistory,
+      ischecked: currentchecked == 'previousorders' ? true : false,
+      icon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null)),
+      Isvisible: authdetailsContext.loggedin,
+      shown: true
+    }, {
+      tabname: lang.policies,
+      route: StaticPagesLinksContext.Policies,
+      ischecked: currentchecked == 'Policies' ? true : false,
+      icon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, null)),
+      Isvisible: true,
+      shown: true
+    }, {
+      route: StaticPagesLinksContext.Wishlist,
+      tabname: lang.wishlist,
+      ischecked: currentchecked == 'Wishlist' ? true : false,
+      icon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
+      Isvisible: true,
+      shown: true
+    }, {
+      route: StaticPagesLinksContext.viewcart,
+      tabname: lang.viewcart,
+      ischecked: currentchecked == 'Viewcart' ? true : false,
+      icon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
+      Isvisible: true,
+      shown: sectionproperties.cartBtnShow == 'Show' ? true : false
+    }]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    tabsarray = _useState8[0];
+    _useState8[1];
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row ml-0 mr-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4406,7 +4406,7 @@ styleInject(css_248z$G);
 function ownKeys$1J(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$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Viewcart = function Viewcart(props) {
-  var _css, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25;
+  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -4525,23 +4525,6 @@ var Viewcart = function Viewcart(props) {
     }, lang.checkout)))));
   };
   var viewcart_cssstyles = {
-    sectiontitlespan: glamor.css({
-      ':after': {
-        width: sectionproperties.sectitle_lineafterwidth + '%',
-        backgroundColor: sectionproperties.linebgcolor
-      }
-    }),
-    sectiontitlespan2: glamor.css({
-      ':after': {
-        width: sectionproperties.sectitle_lineafterwidth + 'px',
-        height: '100%',
-        backgroundColor: sectionproperties.linebgcolor
-      }
-    }),
-    pill: glamor.css((_css = {
-      width: sectionproperties.pillwidth + 'px',
-      height: sectionproperties.pillheight + 'px'
-    }, _defineProperty__default["default"](_css, "height", sectionproperties.pillheight + 'px'), _defineProperty__default["default"](_css, "backgroundColor", sectionproperties.pillbgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.pillcolor), _defineProperty__default["default"](_css, "textTransform", sectionproperties.pilltextTransform), _defineProperty__default["default"](_css, "fontSize", sectionproperties.pillfontSize + 'px'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.pillborderBottomLeftRadius + 'px'), _css)),
     checkoutbtnstyles: glamor.css({
       background: sectionproperties.checkoutBtnbgColortranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColor,
       width: sectionproperties.checkoutBtnWidth + 'px',
@@ -4575,22 +4558,6 @@ var Viewcart = function Viewcart(props) {
       fontWeight: sectionproperties.summary_textfontweight,
       textTransform: sectionproperties.summary_texttransform
     }),
-    applybtnstyles: glamor.css({
-      width: sectionproperties.applybtn_width + 'px',
-      height: sectionproperties.applybtn_height + 'px',
-      borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
-      textTransform: sectionproperties.applybtn_texttransform,
-      fontSize: sectionproperties.applybtn_fontsize + 'px',
-      color: sectionproperties.applybtn_textColor,
-      fontWeight: sectionproperties.applybtn_Textfontweight,
-      background: sectionproperties.applybtn_bgColor,
-      border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.applybtn_bgColoronhover,
-        color: sectionproperties.applybtn_Textcoloronhover
-      }
-    }),
     Salepricestyless: glamor.css({
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight,
@@ -4623,23 +4590,6 @@ var Viewcart = function Viewcart(props) {
         opacity: sectionproperties.trashbtn_opacityonhover
       }
     }),
-    imagecont: glamor.css({
-      width: sectionproperties.prodimage_width + 'px',
-      height: sectionproperties.prodimage_height + 'px',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
-      backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
-      position: 'relative'
-    }),
     quantitybtn: glamor.css({
       width: sectionproperties.quantitybtn_width + 'px',
       height: sectionproperties.quantitybtn_height + 'px',
@@ -4707,12 +4657,6 @@ var Viewcart = function Viewcart(props) {
       alignItems: 'center',
       justifyContent: 'center',
       position: 'relative'
-    }),
-    input_label_name: glamor.css({
-      color: sectionproperties.form_labelcolor,
-      textTransform: sectionproperties.form_labeltexttransform,
-      fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + 'px'
     })
   };
   var _useState5 = React.useState([]),
@@ -4831,17 +4775,7 @@ var Viewcart = function Viewcart(props) {
     className: 'col-lg-12 p-0'
   }, /*#__PURE__*/React__default["default"].createElement(Staticpagesrouter, {
     currentpageprops: 'Viewcart',
-    actions: actions,
-    pillpropertiesprops: {
-      minWidth: sectionproperties.pillwidth + 'px',
-      height: sectionproperties.pillheight + 'px',
-      backgroundColor: sectionproperties.pillbgcolor,
-      color: sectionproperties.pillcolor,
-      textTransform: sectionproperties.pillcolor,
-      fontWeight: sectionproperties.pillfontWeight,
-      fontSize: sectionproperties.pillfontSize + 'px',
-      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
-    }
+    actions: actions
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8425,7 +8359,7 @@ var Filter$1 = function Filter(props) {
         className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
-      }, valueitem.valuename)));
+      }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
     }))))));
   })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(filterstyles.filterslider_container),
@@ -8533,7 +8467,7 @@ var Filter$1 = function Filter(props) {
       className: "col-lg-10 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
-    }, item.optionname)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-2 p-0"
     }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
       if (state.expanded == true) {
@@ -8570,7 +8504,7 @@ var Filter$1 = function Filter(props) {
         style: {
           color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
         }
-      }, valueitem.valuename)));
+      }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
     })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
       className: "mt-3 mb-3"
     }));
@@ -8980,7 +8914,7 @@ var CardsSection = function CardsSection(props) {
     }),
     viewmorebtn: glamor.css({
       width: sectionproperties.viewmorebtn_Width + 'px',
-      height: sectionproperties.viewmorebtn_Height + 'px',
+      height: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
       background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
       borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
       color: sectionproperties.viewmorebtn_Textcolor,
@@ -9093,12 +9027,12 @@ var CardsSection = function CardsSection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.showFilter == 'show' ? 'col-lg-12 col-md-3 col-sm-3 d-flex align-item-center justify-content-center p-0' : 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-3 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
       style: {
-        marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '10px' : 0
+        marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '5px' : 0
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
     }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
+      "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
           if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
@@ -9498,7 +9432,7 @@ styleInject(css_248z$z);
 function ownKeys$1x(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$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Subheader = function Subheader(props) {
-  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery, _fetchCategoriesQuery2, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _props$subheaderprope10, _props$subheaderprope11, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15;
+  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _props$subheaderprope14, _props$subheaderprope15, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -9570,6 +9504,22 @@ var Subheader = function Subheader(props) {
       boxShadow: sectionproperties.subheader_dropdown_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.subheader_dropdown_shadowColor : ''
     })
   };
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    pcollarray = _useState8[0],
+    setpcollarray = _useState8[1];
+  React.useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+      var _fetchCategoriesQuery, _fetchCategoriesQuery2;
+      var temppcollarray = _toConsumableArray__default["default"](pcollarray);
+      fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : (_fetchCategoriesQuery2 = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.forEach(function (arrayItem) {
+        arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.parentcolletions.forEach(function (item) {
+          temppcollarray.push(item);
+        });
+      });
+      setpcollarray(_toConsumableArray__default["default"](temppcollarray));
+    }
+  }, [fetchCategoriesQueryContext.isSuccess]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
@@ -9627,7 +9577,7 @@ var Subheader = function Subheader(props) {
         "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  '
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  })), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : (_fetchCategoriesQuery2 = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
+  })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
     var _props$subheaderprope6, _props$subheaderprope7;
     return /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
@@ -9643,6 +9593,22 @@ var Subheader = function Subheader(props) {
         marginRight: langdetect == 'en' ? (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingRightprops : 0
       }
     }, langdetect == 'en' ? item.title_en : item.title_ar);
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
+    var _props$subheaderprope8, _props$subheaderprope9;
+    return /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+      },
+      onMouseEnter: function onMouseEnter() {
+        setshowdownheadermenu(true);
+        setChoosenindex(index);
+      },
+      style: {
+        marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
+        marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
+      }
+    }, langdetect == 'en' ? item.title_en : item.title_ar);
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 m-auto d-none d-md-flex flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
     style: {
@@ -9658,8 +9624,8 @@ var Subheader = function Subheader(props) {
       justifyContent: 'center',
       textAlign: 'center'
     }
-  }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
-    var _props$subheaderprope8, _props$subheaderprope9;
+  }, sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.categories.map(function (item, index) {
+    var _props$subheaderprope10, _props$subheaderprope11;
     return /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
       onClick: function onClick() {
@@ -9670,15 +9636,35 @@ var Subheader = function Subheader(props) {
         setChoosenindex(index);
       },
       style: {
-        marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
-        marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
+        marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
+        marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
         color: sectionproperties.subheader_categorytitle_fontColor_resp,
         fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
         textTransform: sectionproperties.subheader_categorytitle_textTransform,
         fontWeight: sectionproperties.subheader_categorytitle_textfontweight
       }
     }, langdetect == 'en' ? item.title_en : item.title_ar);
-  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : (_fetchCategoriesQuery7 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.parentcolletions) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
+    var _props$subheaderprope12, _props$subheaderprope13;
+    return /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+      },
+      onMouseEnter: function onMouseEnter() {
+        setshowdownheadermenu(true);
+        setChoosenindex(index);
+      },
+      style: {
+        marginLeft: langdetect == 'ar' ? (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.paddingLeftprops : 0,
+        marginRight: langdetect == 'en' ? (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingRightprops : 0,
+        color: sectionproperties.subheader_categorytitle_fontColor_resp,
+        fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
+        textTransform: sectionproperties.subheader_categorytitle_textTransform,
+        fontWeight: sectionproperties.subheader_categorytitle_textfontweight
+      }
+    }, langdetect == 'en' ? item.title_en : item.title_ar);
+  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : (_fetchCategoriesQuery9 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : _fetchCategoriesQuery10.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
     onMouseLeave: function onMouseLeave() {
       setshowdownheadermenu(false);
@@ -9686,18 +9672,18 @@ var Subheader = function Subheader(props) {
     style: {
       width: '95%',
       zIndex: 2000,
-      position: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
-      top: ((_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.subheaderpositionprops) == 'in nav' ? 20 : ''
+      position: ((_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
+      top: ((_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.subheaderpositionprops) == 'in nav' ? 30 : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex pt-3 pb-3"
-  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery11 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.data) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : (_fetchCategoriesQuery13 = _fetchCategoriesQuery12.categories[Choosenindex]) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.parentcolletions) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : _fetchCategoriesQuery14.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
   }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
     size: 30
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "font-16 font-weight-500 m-0 p-0"
-  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery13 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.data) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : (_fetchCategoriesQuery15 = _fetchCategoriesQuery14.categories[Choosenindex]) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : _fetchCategoriesQuery15.parentcolletions.map(function (item, index) {
+  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery15 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : (_fetchCategoriesQuery16 = _fetchCategoriesQuery15.data) === null || _fetchCategoriesQuery16 === void 0 ? void 0 : (_fetchCategoriesQuery17 = _fetchCategoriesQuery16.categories[Choosenindex]) === null || _fetchCategoriesQuery17 === void 0 ? void 0 : _fetchCategoriesQuery17.parentcolletions.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
       style: {
@@ -9732,6 +9718,29 @@ var Subheader = function Subheader(props) {
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "mt-3 mb-0"
     }))));
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
+      style: {
+        cursor: 'pointer'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 mb-2",
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-none d-sm-block"
+    }, /*#__PURE__*/React__default["default"].createElement("hr", {
+      "class": "mt-3 mb-0"
+    }))));
   }))))));
 };
 
@@ -16128,7 +16137,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
     languagecontainer: glamor.css({
-      fontWeight: 400,
+      fontWeight: sectionproperties.footerinfotext_fontweight,
       color: sectionproperties.language_container_color,
       fontSize: sectionproperties.language_container_fontsize + 'px',
       cursor: 'pointer',
@@ -16138,42 +16147,30 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       }
     }),
     fbbtn: glamor.css({
-      width: sectionproperties.facebkbtnnWidth + 'px',
-      height: sectionproperties.facebkbtnnHeight + 'px',
-      backgroundColor: sectionproperties.facebkbtnn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColor,
       color: sectionproperties.facebkbtnnTextcolor,
       borderLeft: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
       borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
       transition: '.3s',
       ':hover': {
-        color: sectionproperties.facebkbtnnTextcoloronhover,
-        backgroundColor: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColoronhover
+        color: sectionproperties.facebkbtnnTextcoloronhover
       }
     }),
     instagrambtn: glamor.css({
-      width: sectionproperties.instgrambtnWidth + 'px',
-      height: sectionproperties.instgrambtnHeight + 'px',
-      backgroundColor: sectionproperties.instgrambtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColor,
       color: sectionproperties.instgrambtnTextcolor,
       borderLeft: langdetect == 'en' ? 0 : sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
       borderRight: langdetect == 'en' ? sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg : 0,
       transition: '.3s',
       ':hover': {
-        color: sectionproperties.instgrambtnTextcoloronhover,
-        backgroundColor: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColoronhover
+        color: sectionproperties.instgrambtnTextcoloronhover
       }
     }),
     whatsappbtn: glamor.css({
-      width: sectionproperties.youtubebtnWidth + 'px',
-      height: sectionproperties.youtubebtnHeight + 'px',
-      backgroundColor: sectionproperties.youtubebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColor,
       color: sectionproperties.youtubebtnTextcolor,
       transition: '.3s',
       borderLeft: langdetect == 'en' ? 0 : sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
       borderRight: langdetect == 'en' ? sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg : 0,
       ':hover': {
-        color: sectionproperties.youtubebtnTextcoloronhover,
-        backgroundColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover
+        color: sectionproperties.youtubebtnTextcoloronhover
       }
     }),
     upperheadertext: glamor.css({
@@ -16251,7 +16248,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.fbbtn + ' p-0 allcentered cursor-pointer ',
+    "class": header_cssstyles.fbbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i;
       if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
@@ -16262,7 +16259,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
     size: sectionproperties.facebkbtnniconfontsize
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.whatsappbtn + ' p-0 allcentered cursor-pointer ',
+    "class": header_cssstyles.whatsappbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i3;
       if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber) != null) {
@@ -16273,7 +16270,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.instagrambtn + ' p-0 allcentered cursor-pointer ',
+    "class": header_cssstyles.instagrambtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i5;
       if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
@@ -16472,7 +16469,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": headerstyles$8.searchbaractive + ' h-100 d-flex align-items-center'
-  }, /*#__PURE__*/React__default["default"].createElement(GoSearch.GoSearch, {
+  }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
     size: sectionproperties.searchbarcontfontsize,
     style: {
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
@@ -16726,23 +16723,17 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      width: '30vh',
-      height: '20vh'
-    }
+    "class": "col-lg-6 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    "class": generalstyles.logo_image,
     path: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
     style: {
-      width: '100%',
-      height: '100%',
+      width: sectionproperties.searchlogowidth + 'vh',
+      height: sectionproperties.searchlogoheight + 'vh',
       objectFit: 'contain'
     }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
@@ -17945,7 +17936,8 @@ var StylishHeader = function StylishHeader(props) {
     className: "col-lg-12",
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
+      background: sectionproperties.uppersection_bgcolor
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -17957,7 +17949,7 @@ var StylishHeader = function StylishHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: header_cssstyles.lowerHeaderSection + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-8 d-flex align-items-center"
+    className: "col-lg-9 d-flex align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' scrollhorizontal w-100 align-items-center justify-content-start flex-row ',
     style: {
@@ -17984,7 +17976,7 @@ var StylishHeader = function StylishHeader(props) {
       subheadercontentpositionprops: 'start'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 d-flex align-items-center justify-content-end"
+    className: "col-lg-3 d-flex align-items-center justify-content-end p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ',
     onClick: function onClick() {
@@ -18137,8 +18129,8 @@ var StylishHeader = function StylishHeader(props) {
     publicKey: IKpublicKey,
     path: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
     style: {
-      width: '100%',
-      height: '100%',
+      width: sectionproperties.searchlogowidth + '%',
+      height: sectionproperties.searchlogoheight + '%',
       objectFit: 'contain'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22002,7 +21994,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
 function ownKeys$1f(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$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(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, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$i8, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
+  var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
@@ -22284,10 +22276,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? 0 : sectionproperties.generalbtn_bordertopleftradius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
+      borderBottomRightRadius: langdetect == 'en' ? 0 : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      borderRight: langdetect == 'en' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      borderLeft: langdetect == 'ar' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
     }, _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
@@ -22304,10 +22298,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     languagecontainer: glamor.css({
       width: sectionproperties.language_container_width + 'px',
       height: sectionproperties.language_container_height + 'px',
-      cursor: 'pointer',
-      transition: '.3s',
       color: sectionproperties.language_container_color,
       fontSize: sectionproperties.language_container_fontsize + 'px',
+      cursor: 'pointer',
+      transition: '.3s',
       ':hover': {
         color: sectionproperties.language_container_coloronhover
       }
@@ -22369,7 +22363,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }, /*#__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 ',
     style: {
-      zIndex: 2
+      zIndex: 201
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
@@ -22496,7 +22490,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
+    "class": "m-0 p-0 mb-1",
     style: {
       fontSize: '15px',
       color: sectionproperties.footerinfotext_secondarycolor,
@@ -22504,7 +22498,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }, lang.callus2), /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
-      lineHeight: sectionproperties.footerinfotext_fontsize + 'px'
+      lineHeight: sectionproperties.footerinfotext_fontsize + 'px',
+      letterSpacing: '2px'
     },
     "class": ' p-0 m-0 '
   }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22512,7 +22507,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": " ".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center '
+    "class": " ".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ',
+    style: {
+      fontWeight: sectionproperties.userBtnTextfontweight
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": '   ml-2 mr-2 '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -22523,18 +22521,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     "class": "m-0 p-0 loggedinuserbtn flex-column",
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
-      fontSize: '13px'
+      fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    sytle: {
-      fontSize: '13px'
-    },
     "class": "m-0 p-0"
   }, lang.account), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": ' m-0 p-0 text-overflow ',
     style: {
-      maxWidth: '120px',
-      fontSize: '13px'
+      maxWidth: '120px'
     }
   }, lang.loginregister)))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
@@ -22600,7 +22594,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.accountinfo);
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.customerinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, 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))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -22741,7 +22735,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     },
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 font-weight-500"
+    "class": "m-0 p-0 font-weight-600"
   }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -22758,7 +22752,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     },
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 font-weight-500"
+    "class": "m-0 p-0 font-weight-600"
   }, "En")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {
@@ -26492,17 +26486,17 @@ var Footer7 = function Footer7(props) {
     style: {
       zIndex: 10
     }
-  }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
+  }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(footerStyles.footertitlestyles) + ' d-flex justify-content-start '
-  }, lang.openinghours), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.openinghours), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mt-3 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
   }, " Monday-Friday"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
-  }, " 08.00 am - 10.00 pm")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, " 08.00 am - 10.00 pm")), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
@@ -28291,10 +28285,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
     width: sectionproperties.viewmorebtn_Width + 'px',
     height: sectionproperties.viewmorebtn_Height + 'px',
     background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
-    borderBottomLeftRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
-    borderBottomRightRadius: sectionproperties.viewmorebtn_borderBottomRightRadius + 'px',
-    borderTopLeftRadius: sectionproperties.viewmorebtn_borderTopLeftRadius + 'px',
-    borderTopRightRadius: sectionproperties.viewmorebtn_borderTopRightRadius + 'px',
+    borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
     color: sectionproperties.viewmorebtn_Textcolor,
     fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
     fontWeight: sectionproperties.viewmorebtn_fontWeight,
@@ -29647,7 +29638,8 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       var cardobj = {
         name: '',
         image: '',
-        index: arrayindex
+        index: arrayindex,
+        collectionid: ''
       };
       cardobj.collectionid = arrayItem.collectionid;
       if (langdetect == 'en') {
@@ -29658,6 +29650,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         cardobj.description = arrayItem.description_ar;
       }
       cardobj.image = arrayItem.collectionlogo;
+      cardobj.collectionid = arrayItem.collectionid;
       temparray.push(cardobj);
     });
     setcardsarray([].concat(temparray));
@@ -29702,10 +29695,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       width: sectionproperties.viewmorebtn_Width + 'px',
       height: sectionproperties.viewmorebtn_Height + 'px',
       background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
-      borderBottomLeftRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.viewmorebtn_borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.viewmorebtn_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.viewmorebtn_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
       color: sectionproperties.viewmorebtn_Textcolor,
       fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
       fontWeight: sectionproperties.viewmorebtn_fontWeight,
@@ -29740,10 +29730,33 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover
       }
+    }),
+    cardcont: glamor.css({
+      ':hover .collectioncardbutton': {
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
+    bgcontainer: glamor.css({
+      ':before': {
+        content: 's',
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        fontSize: 0,
+        width: '100%',
+        height: '100%',
+        backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
+      }
     })
   };
   var cardsrender = function cardsrender() {
-    var _cardsarray$, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$5, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$9, _cardsarray$10;
+    var _cardsarray$2, _cardsarray$3, _cardsarray$5, _cardsarray$6, _cardsarray$8, _cardsarray$9, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29839,8 +29852,12 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 "
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": langdetect == 'en' ? 'col-lg-6 pl-0 pr-0 p-md-0 mb-md-3' : 'col-lg-6 pr-0 pl-0 p-md-0 mb-md-3',
-      style: {}
+      "class": langdetect == 'en' ? section_cssstyles.cardcont + ' col-lg-6 pl-0 pr-0 p-md-0 mb-md-3 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 pr-0 pl-0 p-md-0 mb-md-3 cursor-pointer ',
+      style: {},
+      onClick: function onClick() {
+        var _cardsarray$;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$ = cardsarray[0]) === null || _cardsarray$ === void 0 ? void 0 : _cardsarray$.collectionid));
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100",
       style: {
@@ -29848,13 +29865,13 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '80vh'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
       }
     }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-      path: (_cardsarray$ = cardsarray[0]) === null || _cardsarray$ === void 0 ? void 0 : _cardsarray$.image,
+      path: (_cardsarray$2 = cardsarray[0]) === null || _cardsarray$2 === void 0 ? void 0 : _cardsarray$2.image,
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
       loading: "lazy",
@@ -29869,39 +29886,32 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
+      style: _defineProperty__default["default"]({
         position: 'absolute',
         zIndex: 1000,
         height: '100%',
         width: '100%'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 p-3"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$2 = cardsarray[0]) === null || _cardsarray$2 === void 0 ? void 0 : _cardsarray$2.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, (_cardsarray$3 = cardsarray[0]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.name)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-      onClick: function onClick() {
-        if (fetchingtype == 'products') {
-          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-          } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-          }
-        } else {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-        }
-      }
+      "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": 'col-lg-6 pl-0 pr-0'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": langdetect == 'en' ? 'col-lg-6 pr-0 mb-2 p-md-0 mb-md-3' : 'col-lg-6 pl-0 mb-2 p-md-0 mb-md-3'
+      "class": langdetect == 'en' ? section_cssstyles.cardcont + ' col-lg-6 pr-0 mb-2 p-md-0 mb-md-3 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 pl-0 mb-2 p-md-0 mb-md-3 cursor-pointer ',
+      onClick: function onClick() {
+        var _cardsarray$4;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$4 = cardsarray[1]) === null || _cardsarray$4 === void 0 ? void 0 : _cardsarray$4.collectionid));
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100",
       style: {
@@ -29909,7 +29919,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '40vh'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -29917,7 +29927,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: (_cardsarray$3 = cardsarray[1]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.image,
+      path: (_cardsarray$5 = cardsarray[1]) === null || _cardsarray$5 === void 0 ? void 0 : _cardsarray$5.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -29930,40 +29940,33 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
+      style: _defineProperty__default["default"]({
         position: 'absolute',
         zIndex: 1000,
         bottom: 20,
         left: 0,
         right: 0,
         margin: 'auto'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 p-3 mt-auto"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$4 = cardsarray[1]) === null || _cardsarray$4 === void 0 ? void 0 : _cardsarray$4.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, (_cardsarray$6 = cardsarray[1]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.name)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-      onClick: function onClick() {
-        if (fetchingtype == 'products') {
-          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-          } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-          }
-        } else {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-        }
-      }
+      "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-6 mb-2 p-md-0 mb-md-3",
+      "class": section_cssstyles.cardcont + ' col-lg-6 mb-2 p-md-0 mb-md-3 cursor-pointer ',
       style: {
         paddingRight: langdetect == 'en' ? 0 : '',
         paddingLeft: langdetect == 'ar' ? 0 : ''
+      },
+      onClick: function onClick() {
+        var _cardsarray$7;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$7 = cardsarray[2]) === null || _cardsarray$7 === void 0 ? void 0 : _cardsarray$7.collectionid));
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100",
@@ -29972,7 +29975,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '40vh'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -29980,7 +29983,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: (_cardsarray$5 = cardsarray[2]) === null || _cardsarray$5 === void 0 ? void 0 : _cardsarray$5.image,
+      path: (_cardsarray$8 = cardsarray[2]) === null || _cardsarray$8 === void 0 ? void 0 : _cardsarray$8.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -29993,37 +29996,30 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
+      style: _defineProperty__default["default"]({
         position: 'absolute',
         zIndex: 1000,
         bottom: 20,
         left: 0,
         right: 0,
         margin: 'auto'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 p-3 mt-auto"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$6 = cardsarray[2]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, (_cardsarray$9 = cardsarray[2]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.name)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
+      "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": langdetect == 'en' ? section_cssstyles.cardcont + ' col-lg-7 pr-0 p-md-0 mb-md-3 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-7 p-md-0 pl-0 mb-md-3 cursor-pointer ',
       onClick: function onClick() {
-        if (fetchingtype == 'products') {
-          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-          } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-          }
-        } else {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-        }
+        var _cardsarray$10;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$10 = cardsarray[3]) === null || _cardsarray$10 === void 0 ? void 0 : _cardsarray$10.collectionid));
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": langdetect == 'en' ? 'col-lg-7 pr-0 p-md-0 mb-md-3' : 'col-lg-7 p-md-0 pl-0 mb-md-3'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100",
       style: {
@@ -30031,7 +30027,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '39vh'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -30039,7 +30035,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: (_cardsarray$7 = cardsarray[3]) === null || _cardsarray$7 === void 0 ? void 0 : _cardsarray$7.image,
+      path: (_cardsarray$11 = cardsarray[3]) === null || _cardsarray$11 === void 0 ? void 0 : _cardsarray$11.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -30053,7 +30049,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "allcentered",
-      style: {
+      style: _defineProperty__default["default"]({
         position: 'absolute',
         zIndex: 1000,
         height: '100%',
@@ -30063,33 +30059,26 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         left: 0,
         right: 0,
         margin: 'auto'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 p-3 mt-auto mb-auto"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$8 = cardsarray[3]) === null || _cardsarray$8 === void 0 ? void 0 : _cardsarray$8.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, (_cardsarray$12 = cardsarray[3]) === null || _cardsarray$12 === void 0 ? void 0 : _cardsarray$12.name)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-      onClick: function onClick() {
-        if (fetchingtype == 'products') {
-          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-          } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-          }
-        } else {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-        }
-      }
+      "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'col-lg-5 p-md-0 mb-md-3',
+      "class": section_cssstyles.cardcont + ' col-lg-5 p-md-0 mb-md-3 cursor-pointer ',
       style: {
         paddingRight: langdetect == 'en' ? 0 : '',
         paddingLeft: langdetect == 'ar' ? 0 : ''
+      },
+      onClick: function onClick() {
+        var _cardsarray$13;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$13 = cardsarray[4]) === null || _cardsarray$13 === void 0 ? void 0 : _cardsarray$13.collectionid));
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100",
@@ -30098,7 +30087,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '39vh'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -30106,7 +30095,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      path: (_cardsarray$9 = cardsarray[4]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.image,
+      path: (_cardsarray$14 = cardsarray[4]) === null || _cardsarray$14 === void 0 ? void 0 : _cardsarray$14.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -30119,37 +30108,26 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
+      style: _defineProperty__default["default"]({
         position: 'absolute',
         zIndex: 1000,
         width: '100%',
         bottom: 10
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 p-3 d-flex justify-content-end"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$10 = cardsarray[4]) === null || _cardsarray$10 === void 0 ? void 0 : _cardsarray$10.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, (_cardsarray$15 = cardsarray[4]) === null || _cardsarray$15 === void 0 ? void 0 : _cardsarray$15.name)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-      onClick: function onClick() {
-        if (fetchingtype == 'products') {
-          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-          } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-          }
-        } else {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-        }
-      }
+      "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 d-flex w-100 justify-content-center mb-md-4",
+    "class": "row m-0 d-flex w-100 justify-content-center",
     style: {
       zIndex: 2,
       background: sectionproperties.backgroundColor
@@ -38068,27 +38046,15 @@ var Card23 = function Card23(props) {
       fontSize: sectionproperties.favBtnTextfontsize + 'px',
       textTransform: sectionproperties.favBtnTexttransform,
       fontWeight: sectionproperties.favBtnTextfontweight,
-      transition: '.3s',
       border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
-      ':hover': {
-        background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
-        color: sectionproperties.favBtnTextcoloronhover
-      }
-    }),
-    view_btn: glamor.css({
-      width: sectionproperties.favBtnWidth + 'px',
-      height: sectionproperties.favBtnHeight + 'px',
-      background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
-      borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
-      color: sectionproperties.favBtniconcolor,
-      fontSize: sectionproperties.favBtnTextfontsize + 'px',
-      textTransform: sectionproperties.favBtnTexttransform,
-      fontWeight: sectionproperties.favBtnTextfontweight,
       transition: '.3s',
-      border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
       ':hover': {
         background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
         color: sectionproperties.favBtnTextcoloronhover
+      },
+      ':hover .icon': {
+        transition: 'all, 0.2s',
+        transform: ' rotate(360deg)'
       }
     }),
     cart_btn: glamor.css({
@@ -38101,7 +38067,6 @@ var Card23 = function Card23(props) {
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
-      transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover
@@ -38124,6 +38089,7 @@ var Card23 = function Card23(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
@@ -38159,7 +38125,7 @@ var Card23 = function Card23(props) {
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    path: '/tr:w-300,h-300/' + item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
       width: '100%',
       height: '100%',
@@ -38196,7 +38162,7 @@ var Card23 = function Card23(props) {
       addtofavoritescontext(item.productid);
     }
   }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
+    "class": "h-100 d-flex align-items-center justify-content-center icon"
   }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
@@ -38217,8 +38183,7 @@ var Card23 = function Card23(props) {
     "class": " ".concat(cardsstyles2.showmodal),
     onClick: function onClick(e) {
       e.stopPropagation();
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -38231,9 +38196,6 @@ var Card23 = function Card23(props) {
       paddingRight: '20px',
       paddingTop: '10px',
       paddingBottom: '10px'
-      // backgroundColor: 'white',
-      // borderBottomLeftRadius: '10px',
-      // borderBottomRightRadius: '10px',
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -38250,7 +38212,7 @@ var Card23 = function Card23(props) {
     },
     "class": "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 '
   }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 align-items-center mt-2 mb-1"
+    "class": "row m-0 w-100 align-items-center mt-1 mb-2"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -41279,6 +41241,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       transition: '.3s',
@@ -41435,36 +41398,12 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(cardsstyles2.img_container) + ' w-100 ',
-    onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
-    },
+    "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
     style: {
-      cursor: 'pointer',
-      overflow: 'hidden'
+      position: 'relative'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-    urlEndpoint: IKurlEndpoint,
-    publicKey: IKpublicKey
-    // '/tr:w-300,h-300/' +
-    ,
-    path: item.image,
-    style: {
-      width: '100%',
-      objectFit: 'contain',
-      position: 'relative',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      marginBottom: 'auto'
-    },
-    loading: "lazy"
-  }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
+  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick(e) {
       e.stopPropagation();
       addtofavoritescontext(item.productid);
@@ -41507,7 +41446,41 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       color: sectionproperties.badge_color,
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100",
+    style: {
+      cursor: 'pointer',
+      overflow: 'hidden',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(cardsstyles2.img_container) + ' w-100 ',
+    onClick: function onClick() {
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
+    },
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+    urlEndpoint: IKurlEndpoint,
+    publicKey: IKpublicKey
+    // '/tr:w-300,h-300/' +
+    ,
+    path: item.image,
+    style: {
+      width: '100%',
+      objectFit: 'contain',
+      position: 'relative',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      marginBottom: 'auto'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' mt-3 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -43036,7 +43009,6 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
 function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Productcard_with_variants = function Productcard_with_variants(props) {
-  var _css;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -43081,32 +43053,6 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       height: sectionproperties.variantcontainer_height + 'vh',
       borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
     }),
-    productcard: glamor.css((_css = {
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      opacity: sectionproperties.cardbg_opacity,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      color: sectionproperties.prodNameColor
-    }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
-      opacity: sectionproperties.bgopacityonhover,
-      color: sectionproperties.prodNameColorOnHover
-    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .wishlist_btn', {
-      marginRight: langdetect == 'en' ? '10px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '10px'
-    }), _defineProperty__default["default"](_css, ':hover .cart_btn', {
-      opacity: 1,
-      bottom: '10px'
-    }), _css)),
     productcard_imgcontainer: glamor.css({
       height: sectionproperties.image_height + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
@@ -43159,11 +43105,55 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     }),
     cart_btn: glamor.css({
       position: 'absolute',
-      bottom: '-50px',
       left: 0,
       right: 0,
+      bottom: '10px',
+      opacity: 1,
       margin: 'auto',
+      transition: 'all, 0.3s',
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      color: sectionproperties.cart_iconcolor,
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+      textTransform: sectionproperties.cartBtnTexttransform,
+      fontWeight: sectionproperties.cartBtnTextfontweight,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        color: sectionproperties.cartBtnTextcoloronhover
+      }
+    }),
+    cart_btn_bottom: glamor.css({
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: '-50px',
+      opacity: 0,
+      margin: 'auto',
+      transition: 'all, 0.3s',
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      color: sectionproperties.cart_iconcolor,
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+      textTransform: sectionproperties.cartBtnTexttransform,
+      fontWeight: sectionproperties.cartBtnTextfontweight,
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        color: sectionproperties.cartBtnTextcoloronhover
+      }
+    }),
+    cart_btn_center: glamor.css({
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: '60px',
       opacity: 0,
+      margin: 'auto',
       transition: 'all, 0.3s',
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
@@ -43179,6 +43169,37 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
+    productcard: glamor.css({
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      color: sectionproperties.prodNameColor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.prodNameColorOnHover
+      },
+      ':hover .wishlist_btn': {
+        marginRight: langdetect == 'en' ? '10px' : 0,
+        marginLeft: langdetect == 'en' ? 0 : '10px'
+      },
+      ':hover .cart_btn_bottom': {
+        opacity: 1,
+        bottom: '10px'
+      },
+      ':hover .cart_btn_center': {
+        opacity: 1,
+        bottom: '40%'
+      }
+    }),
     cart_btnresponsive: glamor.css({
       position: 'absolute',
       opacity: 1,
@@ -43294,7 +43315,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       direction: 'ltr'
     }
   }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
+    "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowProductInfoModalContext(true);
@@ -43310,15 +43331,12 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 text-center mt-2'
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0",
-    style: {
-      minHeight: '5vh'
-    }
+    "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak2 font-md-15 text-center '
+    "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
   }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {