tabexseriescomponents 0.2.931 → 0.2.932

package/dist/index.cjs.js

@@ -3730,7 +3730,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
     size: 26
   }))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 d-block d-md-none",
+    "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : 'w-100 d-block d-md-none',
     style: {
       // height: '500px',
       // height: sectionproperties.evencols == 'Yes' ? '550px' : '',
@@ -4085,7 +4085,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
-      color: sectionproperties.generaltext_fontColor
+      color: sectionproperties.generaltext_fontColor,
+      fontSize: 17,
+      fontWeight: 700
     }
   }, langdetect == 'en' ? 'Description' : 'التفاصيل')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -5187,11 +5189,13 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-2"
+    "class": "col-lg-12 p-0 mb-2 "
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
-      color: sectionproperties.generaltext_fontColor
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: 700,
+      fontSize: 17
     }
   }, langdetect == 'en' ? 'Description' : 'التفاصيل')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -20403,8 +20407,8 @@ var Filter$1 = function Filter(props) {
       }
     }),
     filtercard: glamor.css({
-      minWidth: sectionproperties.filtercardwidth + 'px',
-      maxWidth: sectionproperties.filtercardwidth + 'px'
+      minWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px',
+      maxWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px'
     }),
     filtercardfilter: glamor.css({
       minWidth: '100px',
@@ -20749,8 +20753,99 @@ var Filter$1 = function Filter(props) {
       minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
     }
   }, props.typeprops != 'vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'
-  }, sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'
+  }, sectionproperties.filterdirection == 'Horizontal' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+    transitionBehavior: 'auto',
+    wrapperClassName: '',
+    itemClassName: '',
+    scrollContainerClassName: 'scrollmenuclasssubscrollbar2'
+  }, collectionstobevisible.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 mb-2 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
+      onClick: function onClick() {
+        setCollectionFilterFunc(item.collectionid);
+      },
+      style: {
+        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: sectionproperties.filterimagewidthheight + '%',
+        height: sectionproperties.filterimagewidthheight + '%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: sectionproperties.filterimageborderradius + 'px'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-2 text-end"
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
+  })))), sectionproperties.filterdirection == 'Collections Vertical' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered mt-md-3"
+  }, collectionstobevisible.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-xl-2 col-lg-3 col-md-3 col-sm-4 w-100 mb-2 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
+      onClick: function onClick() {
+        setCollectionFilterFunc(item.collectionid);
+      },
+      style: {
+        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: sectionproperties.filterimagewidthheight + '%',
+        height: sectionproperties.filterimagewidthheight + '%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: sectionproperties.filterimageborderradius + 'px'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10  col-sm-9 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-2 col-sm-3 text-end"
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
+  })), sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row mx-0 w-100",
     style: {
       marginTop: sectionproperties.sectionTitleMarginTop + 'px',
@@ -20838,72 +20933,7 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name);
     }));
-  }))))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-4"
-  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
-    transitionBehavior: 'auto',
-    wrapperClassName: '',
-    itemClassName: '',
-    scrollContainerClassName: 'scrollmenuclasssubscrollbar2'
-  }, collectionstobevisible.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 mb-2 '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
-      onClick: function onClick() {
-        setCollectionFilterFunc(item.collectionid);
-      },
-      style: {
-        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: sectionproperties.filterimagewidthheight + '%',
-        height: sectionproperties.filterimagewidthheight + '%'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
-      style: {
-        width: '100%',
-        height: '100%',
-        objectFit: 'cover',
-        borderRadius: sectionproperties.filterimageborderradius + 'px'
-      },
-      loading: "lazy"
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-10 text-start"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": ' m-0 p-0 '
-    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-2 text-end"
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
-    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
-  }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 text-start px-4 mb-5",
-    style: {
-      fontSize: 15,
-      color: '#62554a'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "cursor-pointer",
-    onClick: function onClick() {
-      routingcountext('home', false, '');
-    }
-  }, 'Home', " /", ' '), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
-    style: {
-      textTransform: 'capitalize'
-    },
-    "class": "mx-2"
-  }, props.show_product_group_titles()['title_en']))), authdetailsContext.instinfo.instid == '6790ae890234e' && window.location.pathname == '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), authdetailsContext.instinfo.instid == '6790ae890234e' && window.location.pathname == '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mx-auto col-md-12 pl-md-2 pr-md-2 mb-4 allcentered",
     style: {
       paddingLeft: 300,
@@ -22508,6 +22538,7 @@ var CardsSection = function CardsSection(props) {
     innercardssection: glamor.css({
       paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
+      paddingTop: sectionproperties.paddingTop + 'px',
       '@media (max-width: 800px)': {
         paddingLeft: langdetect == 'en' ? sectionproperties.paddinghorizontalresponsive + 'px' : sectionproperties.paddinghorizontalresponsive + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.paddinghorizontalresponsive + 'px' : sectionproperties.paddinghorizontalresponsive + 'px'
@@ -22530,7 +22561,7 @@ var CardsSection = function CardsSection(props) {
     pageLinkClassName: glamor.css({
       minWidth: sectionproperties.paginationContainerWidth + 'vh',
       height: sectionproperties.paginationContainerHeight + 'vh',
-      padding: '17px',
+      // padding: '17px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -22629,7 +22660,6 @@ var CardsSection = function CardsSection(props) {
     cards_sections: glamor.css({
       paddingLeft: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
@@ -22697,6 +22727,50 @@ var CardsSection = function CardsSection(props) {
         paddingLeft: sectionproperties.sectiontitlepaddinghorizontalresponsive + 'rem',
         paddingRight: sectionproperties.sectiontitlepaddinghorizontalresponsive + 'rem'
       }
+    }),
+    groupbysectionimage: glamor.css({
+      ':after': {
+        content: 's',
+        fontSize: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        zIndex: 1,
+        transition: ' 0.3s',
+        background: '#000',
+        opacity: 0.2,
+        borderRadius: sectionproperties.groupbysectionimageborderradius + 'px'
+      }
+    }),
+    groupbytitle: glamor.css({
+      // fontWeight: 700,
+      // fontSize: 27,
+      // color: sectionproperties.sectionTitleColor,
+      color: sectionproperties.groupbytitlecolor,
+      fontSize: sectionproperties.groupbytitlefontsize + 'px',
+      fontWeight: sectionproperties.groupbytitlefontweight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.groupbytitlefontsizeresp + 'px'
+      }
+    }),
+    groupbydescription: glamor.css({
+      // fontSize: 18,
+      // color: sectionproperties.sectionTitleColor,
+      // textAlign: langdetect == 'en' ? 'left' : 'right',
+      // color: '#fff',
+      // fontSize: 20,
+      // fontWeight: 500,
+
+      color: sectionproperties.groupbydescriptioncolor,
+      fontSize: sectionproperties.groupbydescriptionfontsize + 'px',
+      fontWeight: sectionproperties.groupbydescriptionfontweight,
+      // color: '#62554a',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.groupbydescriptionfontsizeresp + 'px'
+      }
     })
   };
   var SectionTitle = function SectionTitle() {
@@ -22920,67 +22994,105 @@ var CardsSection = function CardsSection(props) {
   };
   var GroupByTitleSection = function GroupByTitleSection() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": authdetailsContext.instinfo.instid == '67d6bda67adf6' ? 'row m-0 w-100 px-5 px-md-0' : 'row m-0 w-100'
-    }, authdetailsContext.instinfo.instid == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-md-6 col-sm-12 d-none d-md-flex justify-content-end"
+      "class": 'row m-0 w-100',
+      style: {
+        position: 'relative'
+      }
+    }, sectionproperties.groupbysectionimage == 'Show' && sectionproperties.groupbysectionimageposition == 'Top' && show_product_group_titles()['logo'] != '' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 p-0 d-flex align-items-center",
+      style: {
+        justifyContent: sectionproperties.groupbysectionimagehorizontalposition == 'Center' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.groupbysectionimage + ' ',
       style: {
-        width: '90%',
-        height: '90%'
+        width: sectionproperties.groupbysectionimagewidthheight == 0 ? '100%' : sectionproperties.groupbysectionimagewidthheight + '%',
+        height: sectionproperties.groupbysectionimagewidthheight == 0 ? '100%' : sectionproperties.groupbysectionimagewidthheight + '%'
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: show_product_group_titles()['logo'],
-      className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
+      "class": 'w-100 h-100',
       style: {
-        maxHeight: '100%',
-        maxWidth: '100%'
+        borderRadius: sectionproperties.groupbysectionimageborderradius + 'px'
       }
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": authdetailsContext.instinfo.instid == '67d6bda67adf6' ? 'col-lg-8 p-0' : 'col-lg-12 p-0'
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
+      "class": "col-12 allcentered",
+      style: {
+        position: sectionproperties.groupbysectiontextposition == 'On Image' ? 'absolute' : 'relative',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        margin: 'auto'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": authdetailsContext.instinfo.instid == '67d6bda67adf6' ? 'col-lg-12 mb-3 mt-5 text-start mt-md-2' : 'col-lg-12 mb-3 mt-5 text-start'
+      "class": sectionproperties.groupbysectiontextposition == 'On Image' ? 'row m-0 w-100 px-4 px-md-2 px-sm-0' : 'row m-0 w-100'
+    }, sectionproperties.groupbytitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.groupbysectiontextposition == 'On Image' ? 'col-lg-12 d-flex align-items-center mb-1' : 'col-lg-12 mb-3 mt-5 d-flex align-items-center',
+      style: {
+        justifyContent: sectionproperties.groupbytitleposition == 'Center' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0",
+      "class": section_cssstyles.groupbytitle + ' m-0 '
+    }, langdetect == 'en' ? show_product_group_titles()['title_en'] : show_product_group_titles()['title_ar'])), sectionproperties.groupbydescriptionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.groupbysectiontextposition == 'On Image' ? 'col-lg-12 d-flex align-items-center' : 'col-lg-12 mb-3 mt-5 d-flex align-items-center',
       style: {
-        fontWeight: 700,
-        fontSize: 27,
-        color: sectionproperties.sectionTitleColor
+        justifyContent: sectionproperties.groupbydescriptionposition == 'Center' ? 'center' : 'start'
       }
-    }, langdetect == 'en' ? show_product_group_titles()['title_en'] : show_product_group_titles()['title_ar'])), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 mb-3"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0",
+      "class": section_cssstyles.groupbydescription + ' m-0 ',
       style: {
-        fontSize: 18,
-        color: sectionproperties.sectionTitleColor,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-
-        // color: '#62554a',
+        textAlign: sectionproperties.groupbydescriptionposition == 'Center' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       },
       dangerouslySetInnerHTML: {
         __html: langdetect == 'en' ? show_product_group_titles()['description_en'] : show_product_group_titles()['description_ar']
       }
-    })))), authdetailsContext.instinfo.instid == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-4 d-flex d-md-none justify-content-end pt-4"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: '90%',
-        height: '90%'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: show_product_group_titles()['logo'],
-      className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
-      style: {
-        maxHeight: '100%',
-        maxWidth: '100%'
-      }
-    }))));
+    })))))
+    //     <div class={ 'row m-0 w-100'}>
+    //     <div class="col-12 p-0 allcentered">
+    //         <div class="w-100 h-100">
+    //             <Imagekitimagecomp
+    //                 urlEndpoint={ikimagecredcontext?.ikimageendpoint}
+    //                 publicKey={ikimagecredcontext?.ikimagepublickey}
+    //                 path={show_product_group_titles()['logo']}
+    //                 className={sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain w-100 h-100' : 'w-100 h-100'}
+    //             />
+    //         </div>
+    //     </div>
+
+    //     <div class={'col-lg-12 mb-3 mt-5 allcentered'}>
+    //         {/* <div class={ 'col-lg-12 mb-3 mt-5 text-start'}> */}
+    //         <p
+    //             class="m-0"
+    //             style={{
+    //                 fontWeight: 700,
+    //                 fontSize: 27,
+
+    //                 color: sectionproperties.sectionTitleColor,
+    //             }}
+    //         >
+    //             {langdetect == 'en' ? show_product_group_titles()['title_en'] : show_product_group_titles()['title_ar']}
+    //         </p>
+    //     </div>
+    //     <div class="col-lg-12 mb-3 allcentered">
+    //         <p
+    //             class="m-0"
+    //             style={{
+    //                 fontSize: 18,
+    //                 color: sectionproperties.sectionTitleColor,
+    //                 textAlign: langdetect == 'en' ? 'left' : 'right',
+
+    //                 // color: '#62554a',
+    //             }}
+    //             dangerouslySetInnerHTML={{
+    //                 __html: langdetect == 'en' ? show_product_group_titles()['description_en'] : show_product_group_titles()['description_ar'],
+    //             }}
+    //         ></p>
+    //     </div>
+    // </div>
+    ;
   };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23142,7 +23254,7 @@ var CardsSection = function CardsSection(props) {
       size: sectionproperties.viewmoreiconfontsizeresp,
       color: sectionproperties.viewmorebtn_Textcolor
     })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && authdetailsContext.instinfo.instid != '6790ae890234e' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      "class": sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
         // var element = document.getElementById('filterslider');
@@ -23162,7 +23274,7 @@ var CardsSection = function CardsSection(props) {
         fontSize: sectionproperties.filterbtniconfontsize
       }
     })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      "class": sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
       },
@@ -23590,6 +23702,44 @@ var CardsSection = function CardsSection(props) {
       "class": "col-lg-12 p-0 allcentered"
     }, ViewMoreButton())));
   };
+  var CardsSectionContent = function CardsSectionContent() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": ' row m-0 w-100 '
+    }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
+    }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions,
+      openFilterSlider: openFilterSlider,
+      setopenFilterSlider: setopenFilterSlider,
+      show_product_group_titles: show_product_group_titles
+    })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
+    }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions,
+      openFilterSlider: openFilterSlider,
+      setopenFilterSlider: setopenFilterSlider,
+      show_product_group_titles: show_product_group_titles,
+      typeprops: 'vertical'
+    })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered my-5"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-3"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_cssstyles.titleee + ' m-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": section_cssstyles.btnnn + ' w-md-100 ',
+      onClick: function onClick() {
+        routingcountext('inquiryform', false, '');
+      }
+    }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا')))));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: refscr,
     "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto  ',
@@ -23599,75 +23749,9 @@ var CardsSection = function CardsSection(props) {
   }, sectionproperties.length != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
     "data-aos": 'fade-up'
-  }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles
-  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles,
-    typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-5"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": section_cssstyles.titleee + ' m-0 p-0 ',
-    style: {}
-  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": section_cssstyles.btnnn + ' w-md-100 ',
-    onClick: function onClick() {
-      routingcountext('inquiryform', false, '');
-    }
-  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))), sectionproperties.length != 0 && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, CardsSectionContent()), sectionproperties.length != 0 && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 '
-  }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles
-  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles,
-    typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-5"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": section_cssstyles.titleee + ' m-0 p-0 ',
-    style: {}
-  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": section_cssstyles.btnnn + ' w-md-100 ',
-    onClick: function onClick() {
-      routingcountext('inquiryform', false, '');
-    }
-  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))));
+  }, CardsSectionContent()));
 };
 
 function ownKeys$2h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -36855,13 +36939,18 @@ var Simpleheader = function Simpleheader(props) {
       borderColor: sectionproperties.closeSlider_colorOnHover
     }
   })), "headerinnercontainer", glamor.css({
-    borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
+    // borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
     paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
     paddingTop: sectionproperties.header_paddingTop + 'px',
     paddingBottom: sectionproperties.header_paddingBottom + 'px',
     backgroundColor: sectionproperties.keepheadertransparent == 'Yes' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && window.location.pathname == '/login' ? sectionproperties.header_backgroundColor : sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
     borderBottom: sectionproperties.headerborderbottomwidth + 'px solid ' + sectionproperties.headerbordercolor,
+    borderTopLeftRadius: sectionproperties.headerbordertopleftradius + 'px',
+    borderTopRightRadius: sectionproperties.headerbordertoprightradius + 'px',
+    borderBottomLeftRadius: sectionproperties.headerborderbottomleftradius + 'px',
+    borderBottomRightRadius: sectionproperties.headerborderbottomrightradius + 'px',
+    marginTop: sectionproperties.header_marginTop + 'px',
     ':hover': {
       backgroundColor: sectionproperties.header_backgroundColor,
       transition: '.3s ease-in-out'
@@ -36987,6 +37076,8 @@ var Simpleheader = function Simpleheader(props) {
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isselected) ;
+    // activepagecolor
+    // actibepagebgcolor
     if (item.isnavigation == 1 && item.isactive == 1) {
       var _authdetailsContext$i6, _authdetailsContext$i1, _authdetailsContext$i14;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '684aa79857878') {
@@ -57705,7 +57796,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
       paddingBottom: sectionproperties.footer_paddingBottom + 'px',
-      width: '100vw'
+      width: '100vw',
+      '@media (max-width: 800px)': {
+        paddingBottom: sectionproperties.showbottomnav == 'Show' ? 140 : sectionproperties.footer_paddingBottom + 'px'
+      }
     }),
     footerlogo: glamor.css({
       width: sectionproperties.logo_width + 'px',