tabexseriescomponents 0.0.122 → 0.0.124

package/dist/index.esm.js

@@ -2933,57 +2933,6 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var authdetailsContext = props.actions.authdetailsContext;
-  var _useState7 = useState([{
-      tabname: lang.accountinformation,
-      route: StaticPagesLinksContext.accountinfo,
-      ischecked: currentchecked == 'accountinfo' ? true : false,
-      icon: /*#__PURE__*/React.createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement(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.createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement(FiShoppingCart, null)),
-      Isvisible: authdetailsContext.loggedin,
-      shown: true
-    }, {
-      tabname: lang.policies,
-      route: StaticPagesLinksContext.Policies,
-      ischecked: currentchecked == 'Policies' ? true : false,
-      icon: /*#__PURE__*/React.createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, null)),
-      Isvisible: true,
-      shown: true
-    }, {
-      route: StaticPagesLinksContext.Wishlist,
-      tabname: lang.wishlist,
-      ischecked: currentchecked == 'Wishlist' ? true : false,
-      icon: /*#__PURE__*/React.createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement(FaStar, null)),
-      Isvisible: true,
-      shown: true
-    }, {
-      route: StaticPagesLinksContext.viewcart,
-      tabname: lang.viewcart,
-      ischecked: currentchecked == 'Viewcart' ? true : false,
-      icon: /*#__PURE__*/React.createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement(FaStar, null)),
-      Isvisible: true,
-      shown: sectionproperties.cartBtnShow == 'Show' ? true : false
-    }]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    tabsarray = _useState8[0];
-    _useState8[1];
   useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '623dbf7ccdc8b';
@@ -3066,6 +3015,57 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       color: sectionproperties.navigationtextactivecolor
     })
   };
+  var _useState7 = useState([{
+      tabname: lang.accountinformation,
+      route: StaticPagesLinksContext.accountinfo,
+      ischecked: currentchecked == 'accountinfo' ? true : false,
+      icon: /*#__PURE__*/React.createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React.createElement(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.createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React.createElement(FiShoppingCart, null)),
+      Isvisible: authdetailsContext.loggedin,
+      shown: true
+    }, {
+      tabname: lang.policies,
+      route: StaticPagesLinksContext.Policies,
+      ischecked: currentchecked == 'Policies' ? true : false,
+      icon: /*#__PURE__*/React.createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, null)),
+      Isvisible: true,
+      shown: true
+    }, {
+      route: StaticPagesLinksContext.Wishlist,
+      tabname: lang.wishlist,
+      ischecked: currentchecked == 'Wishlist' ? true : false,
+      icon: /*#__PURE__*/React.createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React.createElement(FaStar, null)),
+      Isvisible: true,
+      shown: true
+    }, {
+      route: StaticPagesLinksContext.viewcart,
+      tabname: lang.viewcart,
+      ischecked: currentchecked == 'Viewcart' ? true : false,
+      icon: /*#__PURE__*/React.createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React.createElement(FaStar, null)),
+      Isvisible: true,
+      shown: sectionproperties.cartBtnShow == 'Show' ? true : false
+    }]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tabsarray = _useState8[0];
+    _useState8[1];
   return /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
@@ -4363,7 +4363,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(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;
@@ -4482,23 +4482,6 @@ var Viewcart = function Viewcart(props) {
     }, lang.checkout)))));
   };
   var viewcart_cssstyles = {
-    sectiontitlespan: css({
-      ':after': {
-        width: sectionproperties.sectitle_lineafterwidth + '%',
-        backgroundColor: sectionproperties.linebgcolor
-      }
-    }),
-    sectiontitlespan2: css({
-      ':after': {
-        width: sectionproperties.sectitle_lineafterwidth + 'px',
-        height: '100%',
-        backgroundColor: sectionproperties.linebgcolor
-      }
-    }),
-    pill: css((_css = {
-      width: sectionproperties.pillwidth + 'px',
-      height: sectionproperties.pillheight + 'px'
-    }, _defineProperty(_css, "height", sectionproperties.pillheight + 'px'), _defineProperty(_css, "backgroundColor", sectionproperties.pillbgcolor), _defineProperty(_css, "color", sectionproperties.pillcolor), _defineProperty(_css, "textTransform", sectionproperties.pilltextTransform), _defineProperty(_css, "fontSize", sectionproperties.pillfontSize + 'px'), _defineProperty(_css, "borderRadius", sectionproperties.pillborderBottomLeftRadius + 'px'), _css)),
     checkoutbtnstyles: css({
       background: sectionproperties.checkoutBtnbgColortranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColor,
       width: sectionproperties.checkoutBtnWidth + 'px',
@@ -4532,22 +4515,6 @@ var Viewcart = function Viewcart(props) {
       fontWeight: sectionproperties.summary_textfontweight,
       textTransform: sectionproperties.summary_texttransform
     }),
-    applybtnstyles: 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: css({
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight,
@@ -4580,23 +4547,6 @@ var Viewcart = function Viewcart(props) {
         opacity: sectionproperties.trashbtn_opacityonhover
       }
     }),
-    imagecont: 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: css({
       width: sectionproperties.quantitybtn_width + 'px',
       height: sectionproperties.quantitybtn_height + 'px',
@@ -4664,12 +4614,6 @@ var Viewcart = function Viewcart(props) {
       alignItems: 'center',
       justifyContent: 'center',
       position: 'relative'
-    }),
-    input_label_name: css({
-      color: sectionproperties.form_labelcolor,
-      textTransform: sectionproperties.form_labeltexttransform,
-      fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + 'px'
     })
   };
   var _useState5 = useState([]),
@@ -4788,17 +4732,7 @@ var Viewcart = function Viewcart(props) {
     className: 'col-lg-12 p-0'
   }, /*#__PURE__*/React.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.createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
   }, /*#__PURE__*/React.createElement("div", {
@@ -8382,7 +8316,7 @@ var Filter$1 = function Filter(props) {
         className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
       }, /*#__PURE__*/React.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.createElement("div", {
     className: "".concat(filterstyles.filterslider_container),
@@ -8490,7 +8424,7 @@ var Filter$1 = function Filter(props) {
       className: "col-lg-10 p-0"
     }, /*#__PURE__*/React.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.createElement("div", {
+    }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-2 p-0"
     }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
       if (state.expanded == true) {
@@ -8527,7 +8461,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.createElement("hr", {
       className: "mt-3 mb-3"
     }));
@@ -8937,7 +8871,7 @@ var CardsSection = function CardsSection(props) {
     }),
     viewmorebtn: 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,
@@ -9050,12 +8984,12 @@ var CardsSection = function CardsSection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React.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.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.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') {
@@ -9455,7 +9389,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(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;
@@ -9527,6 +9461,22 @@ var Subheader = function Subheader(props) {
       boxShadow: sectionproperties.subheader_dropdown_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.subheader_dropdown_shadowColor : ''
     })
   };
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    pcollarray = _useState8[0],
+    setpcollarray = _useState8[1];
+  useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+      var _fetchCategoriesQuery, _fetchCategoriesQuery2;
+      var temppcollarray = _toConsumableArray(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(temppcollarray));
+    }
+  }, [fetchCategoriesQueryContext.isSuccess]);
   return /*#__PURE__*/React.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: {
@@ -9584,7 +9534,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.createElement("p", {
       "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
@@ -9600,6 +9550,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.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.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: {
@@ -9615,8 +9581,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.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() {
@@ -9627,15 +9593,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.createElement("div", {
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
+    var _props$subheaderprope12, _props$subheaderprope13;
+    return /*#__PURE__*/React.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.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);
@@ -9643,18 +9629,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.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.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.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.createElement(FiLayers, {
     size: 30
   }), /*#__PURE__*/React.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.createElement("div", {
       "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
       style: {
@@ -9689,6 +9675,29 @@ var Subheader = function Subheader(props) {
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "mt-3 mb-0"
     }))));
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
+      style: {
+        cursor: 'pointer'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-2",
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+      }
+    }, /*#__PURE__*/React.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.createElement("div", {
+      "class": "col-lg-12 p-0 d-none d-sm-block"
+    }, /*#__PURE__*/React.createElement("hr", {
+      "class": "mt-3 mb-0"
+    }))));
   }))))));
 };
 
@@ -16085,7 +16094,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
     languagecontainer: css({
-      fontWeight: 400,
+      fontWeight: sectionproperties.footerinfotext_fontweight,
       color: sectionproperties.language_container_color,
       fontSize: sectionproperties.language_container_fontsize + 'px',
       cursor: 'pointer',
@@ -16095,42 +16104,30 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       }
     }),
     fbbtn: 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: 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: 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: css({
@@ -16208,7 +16205,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.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) {
@@ -16219,7 +16216,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
     size: sectionproperties.facebkbtnniconfontsize
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.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) {
@@ -16230,7 +16227,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.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) {
@@ -16429,7 +16426,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement("i", {
     "class": headerstyles$8.searchbaractive + ' h-100 d-flex align-items-center'
-  }, /*#__PURE__*/React.createElement(GoSearch, {
+  }, /*#__PURE__*/React.createElement(BiSearch, {
     size: sectionproperties.searchbarcontfontsize,
     style: {
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
@@ -16683,23 +16680,17 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '30vh',
-      height: '20vh'
-    }
+    "class": "col-lg-6 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement(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.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
@@ -17902,7 +17893,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.createElement("div", {
     style: {
@@ -17914,7 +17906,7 @@ var StylishHeader = function StylishHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: header_cssstyles.lowerHeaderSection + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-8 d-flex align-items-center"
+    className: "col-lg-9 d-flex align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' scrollhorizontal w-100 align-items-center justify-content-start flex-row ',
     style: {
@@ -17941,7 +17933,7 @@ var StylishHeader = function StylishHeader(props) {
       subheadercontentpositionprops: 'start'
     }
   })), /*#__PURE__*/React.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.createElement("div", {
     className: "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ',
     onClick: function onClick() {
@@ -18094,8 +18086,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.createElement("div", {
@@ -21959,7 +21951,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(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;
@@ -22241,10 +22233,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(_css, "width", '100%'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
@@ -22261,10 +22255,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     languagecontainer: 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
       }
@@ -22326,7 +22320,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$4.upperheadersection, " ").concat(header_cssstyles.upperheadersection) + ' row m-0 w-100 d-flex align-items-center plr-1025-1 ',
     style: {
-      zIndex: 2
+      zIndex: 201
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
@@ -22453,7 +22447,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
+    "class": "m-0 p-0 mb-1",
     style: {
       fontSize: '15px',
       color: sectionproperties.footerinfotext_secondarycolor,
@@ -22461,7 +22455,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }, lang.callus2), /*#__PURE__*/React.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.createElement("div", {
@@ -22469,7 +22464,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.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.createElement("div", {
     "class": '   ml-2 mr-2 '
   }, /*#__PURE__*/React.createElement("i", {
@@ -22480,18 +22478,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.createElement("p", {
-    sytle: {
-      fontSize: '13px'
-    },
     "class": "m-0 p-0"
   }, lang.account), /*#__PURE__*/React.createElement("p", {
     "class": ' m-0 p-0 text-overflow ',
     style: {
-      maxWidth: '120px',
-      fontSize: '13px'
+      maxWidth: '120px'
     }
   }, lang.loginregister)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
@@ -22557,7 +22551,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.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -22698,7 +22692,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     },
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 font-weight-500"
+    "class": "m-0 p-0 font-weight-600"
   }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("img", {
@@ -22715,7 +22709,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     },
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 font-weight-500"
+    "class": "m-0 p-0 font-weight-600"
   }, "En")))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {
@@ -26449,17 +26443,17 @@ var Footer7 = function Footer7(props) {
     style: {
       zIndex: 10
     }
-  }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React.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.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.createElement("div", {
     className: "".concat(footerStyles.footertitlestyles) + ' d-flex justify-content-start '
-  }, lang.openinghours), /*#__PURE__*/React.createElement("div", {
+  }, lang.openinghours), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mt-3 mb-3"
   }, /*#__PURE__*/React.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.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.createElement("div", {
+  }, " 08.00 am - 10.00 pm")), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
@@ -28248,10 +28242,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,
@@ -29604,7 +29595,8 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       var cardobj = {
         name: '',
         image: '',
-        index: arrayindex
+        index: arrayindex,
+        collectionid: ''
       };
       cardobj.collectionid = arrayItem.collectionid;
       if (langdetect == 'en') {
@@ -29615,6 +29607,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         cardobj.description = arrayItem.description_ar;
       }
       cardobj.image = arrayItem.collectionlogo;
+      cardobj.collectionid = arrayItem.collectionid;
       temparray.push(cardobj);
     });
     setcardsarray([].concat(temparray));
@@ -29659,10 +29652,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,
@@ -29697,10 +29687,33 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover
       }
+    }),
+    cardcont: css({
+      ':hover .collectioncardbutton': {
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
+    bgcontainer: 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.createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
@@ -29796,8 +29809,12 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 "
     }, /*#__PURE__*/React.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.createElement("div", {
       "class": "row m-0 w-100",
       style: {
@@ -29805,13 +29822,13 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '80vh'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
       }
     }, /*#__PURE__*/React.createElement(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",
@@ -29826,39 +29843,32 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React.createElement("div", {
-      style: {
+      style: _defineProperty({
         position: 'absolute',
         zIndex: 1000,
         height: '100%',
         width: '100%'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 p-3"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.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.createElement("div", {
+    }, (_cardsarray$3 = cardsarray[0]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.name)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.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.createElement("div", {
       "class": 'col-lg-6 pl-0 pr-0'
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React.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.createElement("div", {
       "class": "row m-0 w-100",
       style: {
@@ -29866,7 +29876,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '40vh'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -29874,7 +29884,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(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%',
@@ -29887,40 +29897,33 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React.createElement("div", {
-      style: {
+      style: _defineProperty({
         position: 'absolute',
         zIndex: 1000,
         bottom: 20,
         left: 0,
         right: 0,
         margin: 'auto'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 p-3 mt-auto"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.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.createElement("div", {
+    }, (_cardsarray$6 = cardsarray[1]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.name)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.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.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.createElement("div", {
       "class": "row m-0 w-100",
@@ -29929,7 +29932,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '40vh'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -29937,7 +29940,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(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%',
@@ -29950,37 +29953,30 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React.createElement("div", {
-      style: {
+      style: _defineProperty({
         position: 'absolute',
         zIndex: 1000,
         bottom: 20,
         left: 0,
         right: 0,
         margin: 'auto'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 p-3 mt-auto"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.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.createElement("div", {
+    }, (_cardsarray$9 = cardsarray[2]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.name)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.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.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.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.createElement("div", {
       "class": "row m-0 w-100",
       style: {
@@ -29988,7 +29984,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '39vh'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -29996,7 +29992,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(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%',
@@ -30010,7 +30006,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       }
     })), /*#__PURE__*/React.createElement("div", {
       "class": "allcentered",
-      style: {
+      style: _defineProperty({
         position: 'absolute',
         zIndex: 1000,
         height: '100%',
@@ -30020,33 +30016,26 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         left: 0,
         right: 0,
         margin: 'auto'
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 p-3 mt-auto mb-auto"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.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.createElement("div", {
+    }, (_cardsarray$12 = cardsarray[3]) === null || _cardsarray$12 === void 0 ? void 0 : _cardsarray$12.name)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.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.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.createElement("div", {
       "class": "row m-0 w-100",
@@ -30055,7 +30044,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         height: '39vh'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0",
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
       style: {
         width: '100%',
         height: '100%'
@@ -30063,7 +30052,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(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%',
@@ -30076,37 +30065,26 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         zIndex: 1
       }
     })), /*#__PURE__*/React.createElement("div", {
-      style: {
+      style: _defineProperty({
         position: 'absolute',
         zIndex: 1000,
         width: '100%',
         bottom: 10
-      }
+      }, "zIndex", 5)
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 p-3 d-flex justify-content-end"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.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.createElement("div", {
+    }, (_cardsarray$15 = cardsarray[4]) === null || _cardsarray$15 === void 0 ? void 0 : _cardsarray$15.name)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.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.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
@@ -38025,27 +38003,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: 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: css({
@@ -38058,7 +38024,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
@@ -38081,6 +38046,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',
@@ -38116,7 +38082,7 @@ var Card23 = function Card23(props) {
   }, /*#__PURE__*/React.createElement(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%',
@@ -38153,7 +38119,7 @@ var Card23 = function Card23(props) {
       addtofavoritescontext(item.productid);
     }
   }, item.IsFavExists && /*#__PURE__*/React.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.createElement(AiFillStar, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
@@ -38174,8 +38140,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.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
@@ -38188,9 +38153,6 @@ var Card23 = function Card23(props) {
       paddingRight: '20px',
       paddingTop: '10px',
       paddingBottom: '10px'
-      // backgroundColor: 'white',
-      // borderBottomLeftRadius: '10px',
-      // borderBottomRightRadius: '10px',
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -38207,7 +38169,7 @@ var Card23 = function Card23(props) {
     },
     "class": "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 '
   }, item.name))), /*#__PURE__*/React.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.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.createElement("p", {
@@ -41236,6 +41198,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',
@@ -41392,36 +41355,12 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
-  }, /*#__PURE__*/React.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.createElement(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.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.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);
@@ -41464,7 +41403,41 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       color: sectionproperties.badge_color,
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React.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.createElement("div", {
+    "class": "".concat(cardsstyles2.img_container) + ' w-100 ',
+    onClick: function onClick() {
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
+    },
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(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.createElement("div", {
     "class": ' mt-3 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12"
@@ -42993,7 +42966,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(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 = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -43038,32 +43010,6 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       height: sectionproperties.variantcontainer_height + 'vh',
       borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
     }),
-    productcard: 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(_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', _defineProperty({
-      opacity: sectionproperties.bgopacityonhover,
-      color: sectionproperties.prodNameColorOnHover
-    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty(_css, ':hover .wishlist_btn', {
-      marginRight: langdetect == 'en' ? '10px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '10px'
-    }), _defineProperty(_css, ':hover .cart_btn', {
-      opacity: 1,
-      bottom: '10px'
-    }), _css)),
     productcard_imgcontainer: css({
       height: sectionproperties.image_height + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
@@ -43116,11 +43062,55 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     }),
     cart_btn: 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: 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: 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',
@@ -43136,6 +43126,37 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
         color: sectionproperties.cartBtnTextcoloronhover
       }
     }),
+    productcard: 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: css({
       position: 'absolute',
       opacity: 1,
@@ -43251,7 +43272,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.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);
@@ -43267,15 +43288,12 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 text-center mt-2'
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0",
-    style: {
-      minHeight: '5vh'
-    }
+    "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.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.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {