tabexseriescomponents 0.0.122 → 0.0.124

package/dist/index.umd.js

@@ -2845,57 +2845,6 @@
       var routingcountext = props.actions.routingcountext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       var authdetailsContext = props.actions.authdetailsContext;
-      var _useState7 = React.useState([{
-          tabname: lang.accountinformation,
-          route: StaticPagesLinksContext.accountinfo,
-          ischecked: currentchecked == 'accountinfo' ? true : false,
-          icon: /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "h-100 d-flex align-items-center justify-content-center"
-          }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
-            size: 15
-          })),
-          Isvisible: authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin,
-          shown: true
-        }, {
-          tabname: lang.previousorders,
-          route: StaticPagesLinksContext.Ordershistory,
-          ischecked: currentchecked == 'previousorders' ? true : false,
-          icon: /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "h-100 d-flex align-items-center justify-content-center"
-          }, /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null)),
-          Isvisible: authdetailsContext.loggedin,
-          shown: true
-        }, {
-          tabname: lang.policies,
-          route: StaticPagesLinksContext.Policies,
-          ischecked: currentchecked == 'Policies' ? true : false,
-          icon: /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "h-100 d-flex align-items-center justify-content-center"
-          }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, null)),
-          Isvisible: true,
-          shown: true
-        }, {
-          route: StaticPagesLinksContext.Wishlist,
-          tabname: lang.wishlist,
-          ischecked: currentchecked == 'Wishlist' ? true : false,
-          icon: /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "h-100 d-flex align-items-center justify-content-center"
-          }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
-          Isvisible: true,
-          shown: true
-        }, {
-          route: StaticPagesLinksContext.viewcart,
-          tabname: lang.viewcart,
-          ischecked: currentchecked == 'Viewcart' ? true : false,
-          icon: /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "h-100 d-flex align-items-center justify-content-center"
-          }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
-          Isvisible: true,
-          shown: sectionproperties.cartBtnShow == 'Show' ? true : false
-        }]),
-        _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        tabsarray = _useState8[0];
-        _useState8[1];
       React.useEffect(function () {
         var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
           return x.staticpageid == '623dbf7ccdc8b';
@@ -2978,6 +2927,57 @@
           color: sectionproperties.navigationtextactivecolor
         })
       };
+      var _useState7 = React.useState([{
+          tabname: lang.accountinformation,
+          route: StaticPagesLinksContext.accountinfo,
+          ischecked: currentchecked == 'accountinfo' ? true : false,
+          icon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "h-100 d-flex align-items-center justify-content-center"
+          }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
+            size: 15
+          })),
+          Isvisible: authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin,
+          shown: true
+        }, {
+          tabname: lang.previousorders,
+          route: StaticPagesLinksContext.Ordershistory,
+          ischecked: currentchecked == 'previousorders' ? true : false,
+          icon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "h-100 d-flex align-items-center justify-content-center"
+          }, /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null)),
+          Isvisible: authdetailsContext.loggedin,
+          shown: true
+        }, {
+          tabname: lang.policies,
+          route: StaticPagesLinksContext.Policies,
+          ischecked: currentchecked == 'Policies' ? true : false,
+          icon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "h-100 d-flex align-items-center justify-content-center"
+          }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, null)),
+          Isvisible: true,
+          shown: true
+        }, {
+          route: StaticPagesLinksContext.Wishlist,
+          tabname: lang.wishlist,
+          ischecked: currentchecked == 'Wishlist' ? true : false,
+          icon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "h-100 d-flex align-items-center justify-content-center"
+          }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
+          Isvisible: true,
+          shown: true
+        }, {
+          route: StaticPagesLinksContext.viewcart,
+          tabname: lang.viewcart,
+          ischecked: currentchecked == 'Viewcart' ? true : false,
+          icon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "h-100 d-flex align-items-center justify-content-center"
+          }, /*#__PURE__*/React__default["default"].createElement(FaStar.FaStar, null)),
+          Isvisible: true,
+          shown: sectionproperties.cartBtnShow == 'Show' ? true : false
+        }]),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        tabsarray = _useState8[0];
+        _useState8[1];
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row ml-0 mr-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4275,7 +4275,7 @@
     function ownKeys$1J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Viewcart = function Viewcart(props) {
-      var _css, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25;
+      var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -4394,23 +4394,6 @@
         }, lang.checkout)))));
       };
       var viewcart_cssstyles = {
-        sectiontitlespan: glamor.css({
-          ':after': {
-            width: sectionproperties.sectitle_lineafterwidth + '%',
-            backgroundColor: sectionproperties.linebgcolor
-          }
-        }),
-        sectiontitlespan2: glamor.css({
-          ':after': {
-            width: sectionproperties.sectitle_lineafterwidth + 'px',
-            height: '100%',
-            backgroundColor: sectionproperties.linebgcolor
-          }
-        }),
-        pill: glamor.css((_css = {
-          width: sectionproperties.pillwidth + 'px',
-          height: sectionproperties.pillheight + 'px'
-        }, _defineProperty__default["default"](_css, "height", sectionproperties.pillheight + 'px'), _defineProperty__default["default"](_css, "backgroundColor", sectionproperties.pillbgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.pillcolor), _defineProperty__default["default"](_css, "textTransform", sectionproperties.pilltextTransform), _defineProperty__default["default"](_css, "fontSize", sectionproperties.pillfontSize + 'px'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.pillborderBottomLeftRadius + 'px'), _css)),
         checkoutbtnstyles: glamor.css({
           background: sectionproperties.checkoutBtnbgColortranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColor,
           width: sectionproperties.checkoutBtnWidth + 'px',
@@ -4444,22 +4427,6 @@
           fontWeight: sectionproperties.summary_textfontweight,
           textTransform: sectionproperties.summary_texttransform
         }),
-        applybtnstyles: glamor.css({
-          width: sectionproperties.applybtn_width + 'px',
-          height: sectionproperties.applybtn_height + 'px',
-          borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
-          textTransform: sectionproperties.applybtn_texttransform,
-          fontSize: sectionproperties.applybtn_fontsize + 'px',
-          color: sectionproperties.applybtn_textColor,
-          fontWeight: sectionproperties.applybtn_Textfontweight,
-          background: sectionproperties.applybtn_bgColor,
-          border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
-          transition: '.3s',
-          ':hover': {
-            background: sectionproperties.applybtn_bgColoronhover,
-            color: sectionproperties.applybtn_Textcoloronhover
-          }
-        }),
         Salepricestyless: glamor.css({
           fontSize: sectionproperties.prodsalepriceFontSize + 'px',
           fontWeight: sectionproperties.prodsalePriceFontWeight,
@@ -4492,23 +4459,6 @@
             opacity: sectionproperties.trashbtn_opacityonhover
           }
         }),
-        imagecont: glamor.css({
-          width: sectionproperties.prodimage_width + 'px',
-          height: sectionproperties.prodimage_height + 'px',
-          border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
-          backgroundColor: sectionproperties.prodimage_bgcolor,
-          borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-          borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-          borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-          borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          backgroundRepeat: 'no-repeat',
-          backgroundSize: 'cover',
-          backgroundPosition: 'center',
-          position: 'relative'
-        }),
         quantitybtn: glamor.css({
           width: sectionproperties.quantitybtn_width + 'px',
           height: sectionproperties.quantitybtn_height + 'px',
@@ -4576,12 +4526,6 @@
           alignItems: 'center',
           justifyContent: 'center',
           position: 'relative'
-        }),
-        input_label_name: glamor.css({
-          color: sectionproperties.form_labelcolor,
-          textTransform: sectionproperties.form_labeltexttransform,
-          fontWeight: sectionproperties.form_labelfontweight,
-          fontSize: sectionproperties.form_labelfontsize + 'px'
         })
       };
       var _useState5 = React.useState([]),
@@ -4700,17 +4644,7 @@
         className: 'col-lg-12 p-0'
       }, /*#__PURE__*/React__default["default"].createElement(Staticpagesrouter, {
         currentpageprops: 'Viewcart',
-        actions: actions,
-        pillpropertiesprops: {
-          minWidth: sectionproperties.pillwidth + 'px',
-          height: sectionproperties.pillheight + 'px',
-          backgroundColor: sectionproperties.pillbgcolor,
-          color: sectionproperties.pillcolor,
-          textTransform: sectionproperties.pillcolor,
-          fontWeight: sectionproperties.pillfontWeight,
-          fontSize: sectionproperties.pillfontSize + 'px',
-          borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
-        }
+        actions: actions
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'col-lg-12 d-flex w-100 p-0'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8294,7 +8228,7 @@
             className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
           }, /*#__PURE__*/React__default["default"].createElement("p", {
             className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
-          }, valueitem.valuename)));
+          }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
         }))))));
       })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(filterstyles.filterslider_container),
@@ -8402,7 +8336,7 @@
           className: "col-lg-10 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
-        }, item.optionname)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-2 p-0"
         }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
           if (state.expanded == true) {
@@ -8439,7 +8373,7 @@
             style: {
               color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
             }
-          }, valueitem.valuename)));
+          }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
         })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
           className: "mt-3 mb-3"
         }));
@@ -8849,7 +8783,7 @@
         }),
         viewmorebtn: glamor.css({
           width: sectionproperties.viewmorebtn_Width + 'px',
-          height: sectionproperties.viewmorebtn_Height + 'px',
+          height: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
           background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
           borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
           color: sectionproperties.viewmorebtn_Textcolor,
@@ -8962,12 +8896,12 @@
         }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.showFilter == 'show' ? 'col-lg-12 col-md-3 col-sm-3 d-flex align-item-center justify-content-center p-0' : 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-3 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
           style: {
-            marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '10px' : 0
+            marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '5px' : 0
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
         }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-          "class": sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
+          "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
           onClick: function onClick() {
             if (fetchingtype == 'products') {
               if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
@@ -9367,7 +9301,7 @@
     function ownKeys$1x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Subheader = function Subheader(props) {
-      var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery, _fetchCategoriesQuery2, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _props$subheaderprope10, _props$subheaderprope11, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15;
+      var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _props$subheaderprope14, _props$subheaderprope15, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17;
       var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
       var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
       var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -9439,6 +9373,22 @@
           boxShadow: sectionproperties.subheader_dropdown_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.subheader_dropdown_shadowColor : ''
         })
       };
+      var _useState7 = React.useState([]),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        pcollarray = _useState8[0],
+        setpcollarray = _useState8[1];
+      React.useEffect(function () {
+        if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+          var _fetchCategoriesQuery, _fetchCategoriesQuery2;
+          var temppcollarray = _toConsumableArray__default["default"](pcollarray);
+          fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : (_fetchCategoriesQuery2 = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.forEach(function (arrayItem) {
+            arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.parentcolletions.forEach(function (item) {
+              temppcollarray.push(item);
+            });
+          });
+          setpcollarray(_toConsumableArray__default["default"](temppcollarray));
+        }
+      }, [fetchCategoriesQueryContext.isSuccess]);
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 ',
         style: {
@@ -9496,7 +9446,7 @@
             "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  '
           }, langdetect == 'en' ? item.pagename : item.pagename_ar));
         }
-      })), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : (_fetchCategoriesQuery2 = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
+      })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
         var _props$subheaderprope6, _props$subheaderprope7;
         return /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
@@ -9512,6 +9462,22 @@
             marginRight: langdetect == 'en' ? (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingRightprops : 0
           }
         }, langdetect == 'en' ? item.title_en : item.title_ar);
+      })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
+        var _props$subheaderprope8, _props$subheaderprope9;
+        return /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+          },
+          onMouseEnter: function onMouseEnter() {
+            setshowdownheadermenu(true);
+            setChoosenindex(index);
+          },
+          style: {
+            marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
+            marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
+          }
+        }, langdetect == 'en' ? item.title_en : item.title_ar);
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 m-auto d-none d-md-flex flex-column align-items-center justify-content-center pt-md-3 pb-md-3 pl-sm-2 pr-sm-2",
         style: {
@@ -9527,8 +9493,8 @@
           justifyContent: 'center',
           textAlign: 'center'
         }
-      }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
-        var _props$subheaderprope8, _props$subheaderprope9;
+      }, sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.categories.map(function (item, index) {
+        var _props$subheaderprope10, _props$subheaderprope11;
         return /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
           onClick: function onClick() {
@@ -9539,15 +9505,35 @@
             setChoosenindex(index);
           },
           style: {
-            marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
-            marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
+            marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
+            marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
             color: sectionproperties.subheader_categorytitle_fontColor_resp,
             fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
             textTransform: sectionproperties.subheader_categorytitle_textTransform,
             fontWeight: sectionproperties.subheader_categorytitle_textfontweight
           }
         }, langdetect == 'en' ? item.title_en : item.title_ar);
-      }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery5 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery5 === void 0 ? void 0 : (_fetchCategoriesQuery6 = _fetchCategoriesQuery5.data) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : (_fetchCategoriesQuery7 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.parentcolletions) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
+        var _props$subheaderprope12, _props$subheaderprope13;
+        return /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+          },
+          onMouseEnter: function onMouseEnter() {
+            setshowdownheadermenu(true);
+            setChoosenindex(index);
+          },
+          style: {
+            marginLeft: langdetect == 'ar' ? (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.paddingLeftprops : 0,
+            marginRight: langdetect == 'en' ? (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingRightprops : 0,
+            color: sectionproperties.subheader_categorytitle_fontColor_resp,
+            fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
+            textTransform: sectionproperties.subheader_categorytitle_textTransform,
+            fontWeight: sectionproperties.subheader_categorytitle_textfontweight
+          }
+        }, langdetect == 'en' ? item.title_en : item.title_ar);
+      }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : (_fetchCategoriesQuery8 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : (_fetchCategoriesQuery9 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : _fetchCategoriesQuery10.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
         onMouseLeave: function onMouseLeave() {
           setshowdownheadermenu(false);
@@ -9555,18 +9541,18 @@
         style: {
           width: '95%',
           zIndex: 2000,
-          position: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
-          top: ((_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.subheaderpositionprops) == 'in nav' ? 20 : ''
+          position: ((_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
+          top: ((_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.subheaderpositionprops) == 'in nav' ? 30 : ''
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex pt-3 pb-3"
-      }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery11 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.data) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : (_fetchCategoriesQuery13 = _fetchCategoriesQuery12.categories[Choosenindex]) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.parentcolletions) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : _fetchCategoriesQuery14.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
       }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
         size: 30
       }), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "font-16 font-weight-500 m-0 p-0"
-      }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery13 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery13 === void 0 ? void 0 : (_fetchCategoriesQuery14 = _fetchCategoriesQuery13.data) === null || _fetchCategoriesQuery14 === void 0 ? void 0 : (_fetchCategoriesQuery15 = _fetchCategoriesQuery14.categories[Choosenindex]) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : _fetchCategoriesQuery15.parentcolletions.map(function (item, index) {
+      }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery15 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery15 === void 0 ? void 0 : (_fetchCategoriesQuery16 = _fetchCategoriesQuery15.data) === null || _fetchCategoriesQuery16 === void 0 ? void 0 : (_fetchCategoriesQuery17 = _fetchCategoriesQuery16.categories[Choosenindex]) === null || _fetchCategoriesQuery17 === void 0 ? void 0 : _fetchCategoriesQuery17.parentcolletions.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
           style: {
@@ -9601,6 +9587,29 @@
         }, /*#__PURE__*/React__default["default"].createElement("hr", {
           "class": "mt-3 mb-0"
         }))));
+      })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
+          style: {
+            cursor: 'pointer'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 mb-2",
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, langdetect == 'en' ? item.title_en : item.title_ar)), index != pcollarray[Choosenindex].collections != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-none d-sm-block"
+        }, /*#__PURE__*/React__default["default"].createElement("hr", {
+          "class": "mt-3 mb-0"
+        }))));
       }))))));
     };
 
@@ -15997,7 +16006,7 @@
           fontSize: sectionproperties.badge_fontsize + 'px'
         }),
         languagecontainer: glamor.css({
-          fontWeight: 400,
+          fontWeight: sectionproperties.footerinfotext_fontweight,
           color: sectionproperties.language_container_color,
           fontSize: sectionproperties.language_container_fontsize + 'px',
           cursor: 'pointer',
@@ -16007,42 +16016,30 @@
           }
         }),
         fbbtn: glamor.css({
-          width: sectionproperties.facebkbtnnWidth + 'px',
-          height: sectionproperties.facebkbtnnHeight + 'px',
-          backgroundColor: sectionproperties.facebkbtnn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColor,
           color: sectionproperties.facebkbtnnTextcolor,
           borderLeft: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
           borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
           transition: '.3s',
           ':hover': {
-            color: sectionproperties.facebkbtnnTextcoloronhover,
-            backgroundColor: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColoronhover
+            color: sectionproperties.facebkbtnnTextcoloronhover
           }
         }),
         instagrambtn: glamor.css({
-          width: sectionproperties.instgrambtnWidth + 'px',
-          height: sectionproperties.instgrambtnHeight + 'px',
-          backgroundColor: sectionproperties.instgrambtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColor,
           color: sectionproperties.instgrambtnTextcolor,
           borderLeft: langdetect == 'en' ? 0 : sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
           borderRight: langdetect == 'en' ? sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg : 0,
           transition: '.3s',
           ':hover': {
-            color: sectionproperties.instgrambtnTextcoloronhover,
-            backgroundColor: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColoronhover
+            color: sectionproperties.instgrambtnTextcoloronhover
           }
         }),
         whatsappbtn: glamor.css({
-          width: sectionproperties.youtubebtnWidth + 'px',
-          height: sectionproperties.youtubebtnHeight + 'px',
-          backgroundColor: sectionproperties.youtubebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColor,
           color: sectionproperties.youtubebtnTextcolor,
           transition: '.3s',
           borderLeft: langdetect == 'en' ? 0 : sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg,
           borderRight: langdetect == 'en' ? sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg : 0,
           ':hover': {
-            color: sectionproperties.youtubebtnTextcoloronhover,
-            backgroundColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover
+            color: sectionproperties.youtubebtnTextcoloronhover
           }
         }),
         upperheadertext: glamor.css({
@@ -16120,7 +16117,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": header_cssstyles.fbbtn + ' p-0 allcentered cursor-pointer ',
+        "class": header_cssstyles.fbbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
         onClick: function onClick() {
           var _authdetailsContext$i;
           if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
@@ -16131,7 +16128,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
         size: sectionproperties.facebkbtnniconfontsize
       })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": header_cssstyles.whatsappbtn + ' p-0 allcentered cursor-pointer ',
+        "class": header_cssstyles.whatsappbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
         onClick: function onClick() {
           var _authdetailsContext$i3;
           if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber) != null) {
@@ -16142,7 +16139,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         size: sectionproperties.youtubebtniconfontsize
       })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": header_cssstyles.instagrambtn + ' p-0 allcentered cursor-pointer ',
+        "class": header_cssstyles.instagrambtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
         onClick: function onClick() {
           var _authdetailsContext$i5;
           if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
@@ -16341,7 +16338,7 @@
         "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": headerstyles$8.searchbaractive + ' h-100 d-flex align-items-center'
-      }, /*#__PURE__*/React__default["default"].createElement(GoSearch.GoSearch, {
+      }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
         size: sectionproperties.searchbarcontfontsize,
         style: {
           transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
@@ -16595,23 +16592,17 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-6"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        style: {
-          width: '30vh',
-          height: '20vh'
-        }
+        "class": "col-lg-6 d-flex align-items-center justify-content-start"
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        "class": generalstyles.logo_image,
         path: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
         style: {
-          width: '100%',
-          height: '100%',
+          width: sectionproperties.searchlogowidth + 'vh',
+          height: sectionproperties.searchlogoheight + 'vh',
           objectFit: 'contain'
         }
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-6 d-flex align-items-center justify-content-end"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
@@ -17814,7 +17805,8 @@
         className: "col-lg-12",
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px'
+          paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
+          background: sectionproperties.uppersection_bgcolor
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
@@ -17826,7 +17818,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: header_cssstyles.lowerHeaderSection + ' row m-0 w-100 d-flex align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-8 d-flex align-items-center"
+        className: "col-lg-9 d-flex align-items-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' scrollhorizontal w-100 align-items-center justify-content-start flex-row ',
         style: {
@@ -17853,7 +17845,7 @@
           subheadercontentpositionprops: 'start'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-4 d-flex align-items-center justify-content-end"
+        className: "col-lg-3 d-flex align-items-center justify-content-end p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ',
         onClick: function onClick() {
@@ -18006,8 +17998,8 @@
         publicKey: IKpublicKey,
         path: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
         style: {
-          width: '100%',
-          height: '100%',
+          width: sectionproperties.searchlogowidth + '%',
+          height: sectionproperties.searchlogoheight + '%',
           objectFit: 'contain'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21871,7 +21863,7 @@
     function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var TwoTieredHeader = function TwoTieredHeader(props) {
-      var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$i8, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
+      var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var setlang = props.actions.setlang;
@@ -22153,10 +22145,12 @@
           width: sectionproperties.generalbtn_width + 'px',
           height: sectionproperties.generalbtn_height + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? 0 : sectionproperties.generalbtn_bordertopleftradius + 'px',
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
-          border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
+          borderBottomRightRadius: langdetect == 'en' ? 0 : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+          border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+          borderRight: langdetect == 'en' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+          borderLeft: langdetect == 'ar' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
         }, _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
           background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
           color: sectionproperties.generalbtn_textColoronhover
@@ -22173,10 +22167,10 @@
         languagecontainer: glamor.css({
           width: sectionproperties.language_container_width + 'px',
           height: sectionproperties.language_container_height + 'px',
-          cursor: 'pointer',
-          transition: '.3s',
           color: sectionproperties.language_container_color,
           fontSize: sectionproperties.language_container_fontsize + 'px',
+          cursor: 'pointer',
+          transition: '.3s',
           ':hover': {
             color: sectionproperties.language_container_coloronhover
           }
@@ -22238,7 +22232,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$4.upperheadersection, " ").concat(header_cssstyles.upperheadersection) + ' row m-0 w-100 d-flex align-items-center plr-1025-1 ',
         style: {
-          zIndex: 2
+          zIndex: 201
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
@@ -22365,7 +22359,7 @@
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 p-0",
+        "class": "m-0 p-0 mb-1",
         style: {
           fontSize: '15px',
           color: sectionproperties.footerinfotext_secondarycolor,
@@ -22373,7 +22367,8 @@
         }
       }, lang.callus2), /*#__PURE__*/React__default["default"].createElement("p", {
         style: {
-          lineHeight: sectionproperties.footerinfotext_fontsize + 'px'
+          lineHeight: sectionproperties.footerinfotext_fontsize + 'px',
+          letterSpacing: '2px'
         },
         "class": ' p-0 m-0 '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22381,7 +22376,10 @@
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' d-flex justify-content-center align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": " ".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center '
+        "class": " ".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ',
+        style: {
+          fontWeight: sectionproperties.userBtnTextfontweight
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": '   ml-2 mr-2 '
       }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -22392,18 +22390,14 @@
         "class": "m-0 p-0 loggedinuserbtn flex-column",
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right',
-          fontSize: '13px'
+          fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        sytle: {
-          fontSize: '13px'
-        },
         "class": "m-0 p-0"
       }, lang.account), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": ' m-0 p-0 text-overflow ',
         style: {
-          maxWidth: '120px',
-          fontSize: '13px'
+          maxWidth: '120px'
         }
       }, lang.loginregister)))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
@@ -22469,7 +22463,7 @@
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.accountinfo);
         }
-      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.customerinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Ordershistory);
         }
@@ -22610,7 +22604,7 @@
         },
         "class": "ml-2 mr-2"
       }), /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 p-0 font-weight-500"
+        "class": "m-0 p-0 font-weight-600"
       }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -22627,7 +22621,7 @@
         },
         "class": "ml-2 mr-2"
       }), /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 p-0 font-weight-500"
+        "class": "m-0 p-0 font-weight-600"
       }, "En")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         "class": "".concat(header_cssstyles.dropdownitem),
         onClick: function onClick() {
@@ -26361,17 +26355,17 @@
         style: {
           zIndex: 10
         }
-      }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-xl-5 col-lg-6 col-md-12 col-sm-12 p-0 pl-lg-3 pr-lg-3 p-md-0"
+      }, sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(footerStyles.footertitlestyles) + ' d-flex justify-content-start '
-      }, lang.openinghours), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.openinghours), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 mt-3 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
       }, " Monday-Friday"), /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
-      }, " 08.00 am - 10.00 pm")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, " 08.00 am - 10.00 pm")), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start ' + "".concat(footerStyles.footerinformationstyles)
@@ -28160,10 +28154,7 @@
         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,
@@ -29516,7 +29507,8 @@
           var cardobj = {
             name: '',
             image: '',
-            index: arrayindex
+            index: arrayindex,
+            collectionid: ''
           };
           cardobj.collectionid = arrayItem.collectionid;
           if (langdetect == 'en') {
@@ -29527,6 +29519,7 @@
             cardobj.description = arrayItem.description_ar;
           }
           cardobj.image = arrayItem.collectionlogo;
+          cardobj.collectionid = arrayItem.collectionid;
           temparray.push(cardobj);
         });
         setcardsarray([].concat(temparray));
@@ -29571,10 +29564,7 @@
           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,
@@ -29609,10 +29599,33 @@
             background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
             color: sectionproperties.generalbtn_textColoronhover
           }
+        }),
+        cardcont: glamor.css({
+          ':hover .collectioncardbutton': {
+            color: sectionproperties.generalbtn_textColoronhover
+          }
+        }),
+        bgcontainer: glamor.css({
+          ':before': {
+            content: 's',
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            fontSize: 0,
+            width: '100%',
+            height: '100%',
+            backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
+          }
         })
       };
       var cardsrender = function cardsrender() {
-        var _cardsarray$, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$5, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$9, _cardsarray$10;
+        var _cardsarray$2, _cardsarray$3, _cardsarray$5, _cardsarray$6, _cardsarray$8, _cardsarray$9, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'row m-0 w-100'
         }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29708,8 +29721,12 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 "
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": langdetect == 'en' ? 'col-lg-6 pl-0 pr-0 p-md-0 mb-md-3' : 'col-lg-6 pr-0 pl-0 p-md-0 mb-md-3',
-          style: {}
+          "class": langdetect == 'en' ? section_cssstyles.cardcont + ' col-lg-6 pl-0 pr-0 p-md-0 mb-md-3 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 pr-0 pl-0 p-md-0 mb-md-3 cursor-pointer ',
+          style: {},
+          onClick: function onClick() {
+            var _cardsarray$;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$ = cardsarray[0]) === null || _cardsarray$ === void 0 ? void 0 : _cardsarray$.collectionid));
+          }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100",
           style: {
@@ -29717,13 +29734,13 @@
             height: '80vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0",
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
           style: {
             width: '100%',
             height: '100%'
           }
         }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-          path: (_cardsarray$ = cardsarray[0]) === null || _cardsarray$ === void 0 ? void 0 : _cardsarray$.image,
+          path: (_cardsarray$2 = cardsarray[0]) === null || _cardsarray$2 === void 0 ? void 0 : _cardsarray$2.image,
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
           loading: "lazy",
@@ -29738,39 +29755,32 @@
             zIndex: 1
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
+          style: _defineProperty__default["default"]({
             position: 'absolute',
             zIndex: 1000,
             height: '100%',
             width: '100%'
-          }
+          }, "zIndex", 5)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 p-3"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-start"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_cssstyles.collectionname + ' m-0 p-0 '
-        }, (_cardsarray$2 = cardsarray[0]) === null || _cardsarray$2 === void 0 ? void 0 : _cardsarray$2.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, (_cardsarray$3 = cardsarray[0]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.name)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-start"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-          onClick: function onClick() {
-            if (fetchingtype == 'products') {
-              if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-              } else {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-              }
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-            }
-          }
+          "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
         }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'col-lg-6 pl-0 pr-0'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": langdetect == 'en' ? 'col-lg-6 pr-0 mb-2 p-md-0 mb-md-3' : 'col-lg-6 pl-0 mb-2 p-md-0 mb-md-3'
+          "class": langdetect == 'en' ? section_cssstyles.cardcont + ' col-lg-6 pr-0 mb-2 p-md-0 mb-md-3 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 pl-0 mb-2 p-md-0 mb-md-3 cursor-pointer ',
+          onClick: function onClick() {
+            var _cardsarray$4;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$4 = cardsarray[1]) === null || _cardsarray$4 === void 0 ? void 0 : _cardsarray$4.collectionid));
+          }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100",
           style: {
@@ -29778,7 +29788,7 @@
             height: '40vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0",
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
           style: {
             width: '100%',
             height: '100%'
@@ -29786,7 +29796,7 @@
         }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          path: (_cardsarray$3 = cardsarray[1]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.image,
+          path: (_cardsarray$5 = cardsarray[1]) === null || _cardsarray$5 === void 0 ? void 0 : _cardsarray$5.image,
           loading: "lazy",
           style: {
             width: '100%',
@@ -29799,40 +29809,33 @@
             zIndex: 1
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
+          style: _defineProperty__default["default"]({
             position: 'absolute',
             zIndex: 1000,
             bottom: 20,
             left: 0,
             right: 0,
             margin: 'auto'
-          }
+          }, "zIndex", 5)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 p-3 mt-auto"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_cssstyles.collectionname + ' m-0 p-0 '
-        }, (_cardsarray$4 = cardsarray[1]) === null || _cardsarray$4 === void 0 ? void 0 : _cardsarray$4.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, (_cardsarray$6 = cardsarray[1]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.name)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-          onClick: function onClick() {
-            if (fetchingtype == 'products') {
-              if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-              } else {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-              }
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-            }
-          }
+          "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
         }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-6 mb-2 p-md-0 mb-md-3",
+          "class": section_cssstyles.cardcont + ' col-lg-6 mb-2 p-md-0 mb-md-3 cursor-pointer ',
           style: {
             paddingRight: langdetect == 'en' ? 0 : '',
             paddingLeft: langdetect == 'ar' ? 0 : ''
+          },
+          onClick: function onClick() {
+            var _cardsarray$7;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$7 = cardsarray[2]) === null || _cardsarray$7 === void 0 ? void 0 : _cardsarray$7.collectionid));
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100",
@@ -29841,7 +29844,7 @@
             height: '40vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0",
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
           style: {
             width: '100%',
             height: '100%'
@@ -29849,7 +29852,7 @@
         }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          path: (_cardsarray$5 = cardsarray[2]) === null || _cardsarray$5 === void 0 ? void 0 : _cardsarray$5.image,
+          path: (_cardsarray$8 = cardsarray[2]) === null || _cardsarray$8 === void 0 ? void 0 : _cardsarray$8.image,
           loading: "lazy",
           style: {
             width: '100%',
@@ -29862,37 +29865,30 @@
             zIndex: 1
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
+          style: _defineProperty__default["default"]({
             position: 'absolute',
             zIndex: 1000,
             bottom: 20,
             left: 0,
             right: 0,
             margin: 'auto'
-          }
+          }, "zIndex", 5)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 p-3 mt-auto"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_cssstyles.collectionname + ' m-0 p-0 '
-        }, (_cardsarray$6 = cardsarray[2]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, (_cardsarray$9 = cardsarray[2]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.name)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
+          "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": langdetect == 'en' ? section_cssstyles.cardcont + ' col-lg-7 pr-0 p-md-0 mb-md-3 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-7 p-md-0 pl-0 mb-md-3 cursor-pointer ',
           onClick: function onClick() {
-            if (fetchingtype == 'products') {
-              if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-              } else {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-              }
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-            }
+            var _cardsarray$10;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$10 = cardsarray[3]) === null || _cardsarray$10 === void 0 ? void 0 : _cardsarray$10.collectionid));
           }
-        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": langdetect == 'en' ? 'col-lg-7 pr-0 p-md-0 mb-md-3' : 'col-lg-7 p-md-0 pl-0 mb-md-3'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100",
           style: {
@@ -29900,7 +29896,7 @@
             height: '39vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0",
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
           style: {
             width: '100%',
             height: '100%'
@@ -29908,7 +29904,7 @@
         }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          path: (_cardsarray$7 = cardsarray[3]) === null || _cardsarray$7 === void 0 ? void 0 : _cardsarray$7.image,
+          path: (_cardsarray$11 = cardsarray[3]) === null || _cardsarray$11 === void 0 ? void 0 : _cardsarray$11.image,
           loading: "lazy",
           style: {
             width: '100%',
@@ -29922,7 +29918,7 @@
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "allcentered",
-          style: {
+          style: _defineProperty__default["default"]({
             position: 'absolute',
             zIndex: 1000,
             height: '100%',
@@ -29932,33 +29928,26 @@
             left: 0,
             right: 0,
             margin: 'auto'
-          }
+          }, "zIndex", 5)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 p-3 mt-auto mb-auto"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_cssstyles.collectionname + ' m-0 p-0 '
-        }, (_cardsarray$8 = cardsarray[3]) === null || _cardsarray$8 === void 0 ? void 0 : _cardsarray$8.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, (_cardsarray$12 = cardsarray[3]) === null || _cardsarray$12 === void 0 ? void 0 : _cardsarray$12.name)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-center"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-          onClick: function onClick() {
-            if (fetchingtype == 'products') {
-              if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-              } else {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-              }
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-            }
-          }
+          "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
         }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'col-lg-5 p-md-0 mb-md-3',
+          "class": section_cssstyles.cardcont + ' col-lg-5 p-md-0 mb-md-3 cursor-pointer ',
           style: {
             paddingRight: langdetect == 'en' ? 0 : '',
             paddingLeft: langdetect == 'ar' ? 0 : ''
+          },
+          onClick: function onClick() {
+            var _cardsarray$13;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$13 = cardsarray[4]) === null || _cardsarray$13 === void 0 ? void 0 : _cardsarray$13.collectionid));
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100",
@@ -29967,7 +29956,7 @@
             height: '39vh'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0",
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
           style: {
             width: '100%',
             height: '100%'
@@ -29975,7 +29964,7 @@
         }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          path: (_cardsarray$9 = cardsarray[4]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.image,
+          path: (_cardsarray$14 = cardsarray[4]) === null || _cardsarray$14 === void 0 ? void 0 : _cardsarray$14.image,
           loading: "lazy",
           style: {
             width: '100%',
@@ -29988,37 +29977,26 @@
             zIndex: 1
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          style: {
+          style: _defineProperty__default["default"]({
             position: 'absolute',
             zIndex: 1000,
             width: '100%',
             bottom: 10
-          }
+          }, "zIndex", 5)
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 p-3 d-flex justify-content-end"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-start"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_cssstyles.collectionname + ' m-0 p-0 '
-        }, (_cardsarray$10 = cardsarray[4]) === null || _cardsarray$10 === void 0 ? void 0 : _cardsarray$10.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, (_cardsarray$15 = cardsarray[4]) === null || _cardsarray$15 === void 0 ? void 0 : _cardsarray$15.name)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-start"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered ',
-          onClick: function onClick() {
-            if (fetchingtype == 'products') {
-              if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
-              } else {
-                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-              }
-            } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-            }
-          }
+          "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
         }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 d-flex w-100 justify-content-center mb-md-4",
+        "class": "row m-0 d-flex w-100 justify-content-center",
         style: {
           zIndex: 2,
           background: sectionproperties.backgroundColor
@@ -37937,27 +37915,15 @@
           fontSize: sectionproperties.favBtnTextfontsize + 'px',
           textTransform: sectionproperties.favBtnTexttransform,
           fontWeight: sectionproperties.favBtnTextfontweight,
-          transition: '.3s',
           border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
-          ':hover': {
-            background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
-            color: sectionproperties.favBtnTextcoloronhover
-          }
-        }),
-        view_btn: glamor.css({
-          width: sectionproperties.favBtnWidth + 'px',
-          height: sectionproperties.favBtnHeight + 'px',
-          background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
-          borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
-          color: sectionproperties.favBtniconcolor,
-          fontSize: sectionproperties.favBtnTextfontsize + 'px',
-          textTransform: sectionproperties.favBtnTexttransform,
-          fontWeight: sectionproperties.favBtnTextfontweight,
           transition: '.3s',
-          border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
           ':hover': {
             background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
             color: sectionproperties.favBtnTextcoloronhover
+          },
+          ':hover .icon': {
+            transition: 'all, 0.2s',
+            transform: ' rotate(360deg)'
           }
         }),
         cart_btn: glamor.css({
@@ -37970,7 +37936,6 @@
           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
@@ -37993,6 +37958,7 @@
           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',
@@ -38028,7 +37994,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
-        path: '/tr:w-300,h-300/' + item.image,
+        path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
         style: {
           width: '100%',
           height: '100%',
@@ -38065,7 +38031,7 @@
           addtofavoritescontext(item.productid);
         }
       }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "h-100 d-flex align-items-center justify-content-center"
+        "class": "h-100 d-flex align-items-center justify-content-center icon"
       }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
         size: sectionproperties.favBtnIconfontsize,
         style: {
@@ -38086,8 +38052,7 @@
         "class": " ".concat(cardsstyles2.showmodal),
         onClick: function onClick(e) {
           e.stopPropagation();
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
@@ -38100,9 +38065,6 @@
           paddingRight: '20px',
           paddingTop: '10px',
           paddingBottom: '10px'
-          // backgroundColor: 'white',
-          // borderBottomLeftRadius: '10px',
-          // borderBottomRightRadius: '10px',
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
@@ -38119,7 +38081,7 @@
         },
         "class": "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak1 m-0 '
       }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 align-items-center mt-2 mb-1"
+        "class": "row m-0 w-100 align-items-center mt-1 mb-2"
       }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
       }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -41148,6 +41110,7 @@
           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',
@@ -41304,36 +41267,12 @@
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
         }
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(cardsstyles2.img_container) + ' w-100 ',
-        onClick: function onClick() {
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
-        },
+        "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
         style: {
-          cursor: 'pointer',
-          overflow: 'hidden'
+          position: 'relative'
         }
-      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-        urlEndpoint: IKurlEndpoint,
-        publicKey: IKpublicKey
-        // '/tr:w-300,h-300/' +
-        ,
-        path: item.image,
-        style: {
-          width: '100%',
-          objectFit: 'contain',
-          position: 'relative',
-          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-          marginBottom: 'auto'
-        },
-        loading: "lazy"
-      }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
+      }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
         onClick: function onClick(e) {
           e.stopPropagation();
           addtofavoritescontext(item.productid);
@@ -41376,7 +41315,41 @@
           color: sectionproperties.badge_color,
           fontSize: sectionproperties.badge_fontsize + 'px'
         }
-      }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100",
+        style: {
+          cursor: 'pointer',
+          overflow: 'hidden',
+          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(cardsstyles2.img_container) + ' w-100 ',
+        onClick: function onClick() {
+          setShowProductInfoModalContext(true);
+          setProductIdProdutInfoModalContext(item.productid);
+        },
+        style: {
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey
+        // '/tr:w-300,h-300/' +
+        ,
+        path: item.image,
+        style: {
+          width: '100%',
+          objectFit: 'contain',
+          position: 'relative',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+          marginBottom: 'auto'
+        },
+        loading: "lazy"
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' mt-3 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12"
@@ -42905,7 +42878,6 @@
     function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Productcard_with_variants = function Productcard_with_variants(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -42950,32 +42922,6 @@
           height: sectionproperties.variantcontainer_height + 'vh',
           borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
         }),
-        productcard: glamor.css((_css = {
-          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-          opacity: sectionproperties.cardbg_opacity,
-          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-          marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingBottom: sectionproperties.paddingBottom + 'px',
-          boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-          color: sectionproperties.prodNameColor
-        }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
-          opacity: sectionproperties.bgopacityonhover,
-          color: sectionproperties.prodNameColorOnHover
-        }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .wishlist_btn', {
-          marginRight: langdetect == 'en' ? '10px' : 0,
-          marginLeft: langdetect == 'en' ? 0 : '10px'
-        }), _defineProperty__default["default"](_css, ':hover .cart_btn', {
-          opacity: 1,
-          bottom: '10px'
-        }), _css)),
         productcard_imgcontainer: glamor.css({
           height: sectionproperties.image_height + 'px',
           background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
@@ -43028,11 +42974,55 @@
         }),
         cart_btn: glamor.css({
           position: 'absolute',
-          bottom: '-50px',
           left: 0,
           right: 0,
+          bottom: '10px',
+          opacity: 1,
           margin: 'auto',
+          transition: 'all, 0.3s',
+          width: sectionproperties.cartBtnWidth + 'px',
+          height: sectionproperties.cartBtnHeight + 'px',
+          background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+          borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+          color: sectionproperties.cart_iconcolor,
+          fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+          textTransform: sectionproperties.cartBtnTexttransform,
+          fontWeight: sectionproperties.cartBtnTextfontweight,
+          border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+          ':hover': {
+            background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+            color: sectionproperties.cartBtnTextcoloronhover
+          }
+        }),
+        cart_btn_bottom: glamor.css({
+          position: 'absolute',
+          left: 0,
+          right: 0,
+          bottom: '-50px',
+          opacity: 0,
+          margin: 'auto',
+          transition: 'all, 0.3s',
+          width: sectionproperties.cartBtnWidth + 'px',
+          height: sectionproperties.cartBtnHeight + 'px',
+          background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+          borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+          color: sectionproperties.cart_iconcolor,
+          fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+          textTransform: sectionproperties.cartBtnTexttransform,
+          fontWeight: sectionproperties.cartBtnTextfontweight,
+          border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+          ':hover': {
+            background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+            color: sectionproperties.cartBtnTextcoloronhover
+          }
+        }),
+        cart_btn_center: glamor.css({
+          position: 'absolute',
+          left: 0,
+          right: 0,
+          bottom: '60px',
           opacity: 0,
+          margin: 'auto',
           transition: 'all, 0.3s',
           width: sectionproperties.cartBtnWidth + 'px',
           height: sectionproperties.cartBtnHeight + 'px',
@@ -43048,6 +43038,37 @@
             color: sectionproperties.cartBtnTextcoloronhover
           }
         }),
+        productcard: glamor.css({
+          background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+          marginTop: sectionproperties.marginTop + 'px',
+          marginBottom: sectionproperties.marginBottom + 'px',
+          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+          paddingTop: sectionproperties.paddingTop + 'px',
+          paddingBottom: sectionproperties.paddingBottom + 'px',
+          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          color: sectionproperties.prodNameColor,
+          transition: '.3s',
+          ':hover': {
+            color: sectionproperties.prodNameColorOnHover
+          },
+          ':hover .wishlist_btn': {
+            marginRight: langdetect == 'en' ? '10px' : 0,
+            marginLeft: langdetect == 'en' ? 0 : '10px'
+          },
+          ':hover .cart_btn_bottom': {
+            opacity: 1,
+            bottom: '10px'
+          },
+          ':hover .cart_btn_center': {
+            opacity: 1,
+            bottom: '40%'
+          }
+        }),
         cart_btnresponsive: glamor.css({
           position: 'absolute',
           opacity: 1,
@@ -43163,7 +43184,7 @@
           direction: 'ltr'
         }
       }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
+        "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
         onClick: function onClick(e) {
           e.stopPropagation();
           setShowProductInfoModalContext(true);
@@ -43179,15 +43200,12 @@
       }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": 'row m-0 w-100 text-center mt-2'
       }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0",
-        style: {
-          minHeight: '5vh'
-        }
+        "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         onClick: function onClick() {
           cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         },
-        "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak2 font-md-15 text-center '
+        "class": "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
       }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-center justify-content-center p-0"
       }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {