tabexseriescomponents 0.0.191 → 0.0.193

package/dist/index.cjs.js

@@ -88,9 +88,8 @@ var CgMenuLeft = require('@react-icons/all-files/cg/CgMenuLeft');
 var CgMenuRight = require('@react-icons/all-files/cg/CgMenuRight');
 var HiOutlineShoppingBag = require('@react-icons/all-files/hi/HiOutlineShoppingBag');
 var RiHandbagLine = require('@react-icons/all-files/ri/RiHandbagLine');
-var GoSearch = require('@react-icons/all-files/go/GoSearch');
-var FiUser = require('@react-icons/all-files/fi/FiUser');
 var BiSearch = require('@react-icons/all-files/bi/BiSearch');
+var FiUser = require('@react-icons/all-files/fi/FiUser');
 var AiOutlineHeart = require('@react-icons/all-files/ai/AiOutlineHeart');
 var AiOutlineMail = require('@react-icons/all-files/ai/AiOutlineMail');
 var FiPhone = require('@react-icons/all-files/fi/FiPhone');
@@ -99,6 +98,7 @@ var FiSearch = require('@react-icons/all-files/fi/FiSearch');
 var BsSearch = require('@react-icons/all-files/bs/BsSearch');
 var AiFillInstagram = require('@react-icons/all-files/ai/AiFillInstagram');
 var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
+var GoSearch = require('@react-icons/all-files/go/GoSearch');
 var AiOutlineInstagram = require('@react-icons/all-files/ai/AiOutlineInstagram');
 var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
 var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
@@ -8678,8 +8678,7 @@ var Filter$1 = function Filter(props) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
     style: {
-      marginTop: sectionproperties.filtersection_mt + 'px',
-      zIndex: 1000000
+      marginTop: sectionproperties.filtersection_mt + 'px'
     }
   }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
@@ -8753,8 +8752,7 @@ var Filter$1 = function Filter(props) {
     id: "filterslider",
     style: {
       background: sectionproperties.filter_backgroundcolor,
-      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
-      zIndex: 100000
+      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
@@ -9045,8 +9043,7 @@ var Filter$1 = function Filter(props) {
     className: ' pb-md-5 ',
     style: {
       background: sectionproperties.filter_backgroundcolor,
-      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
-      zIndex: 100000
+      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
@@ -10067,10 +10064,7 @@ var CardsSection = function CardsSection(props) {
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
     }
   }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
-    style: {
-      zIndex: 1000
-    }
+    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex'
   }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
@@ -10411,9 +10405,7 @@ var Subheader = function Subheader(props) {
   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 z-200 z-md-100 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 z-200 z-md-100 ',
     style: {
-      flex: 1,
-      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
+      flex: 1
     }
   }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.sub_container) + ' w-100 p-md-0 '
@@ -10440,7 +10432,9 @@ var Subheader = function Subheader(props) {
       borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
       paddingTop: sectionproperties.subheader_margintop + 'px',
       paddingBottom: sectionproperties.subheader_marginbottom + 'px',
-      background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg
+      background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg,
+      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
     }
   }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -10572,7 +10566,9 @@ var Subheader = function Subheader(props) {
       borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
       paddingTop: sectionproperties.subheader_margintop + 'px',
       paddingBottom: sectionproperties.subheader_marginbottom + 'px',
-      background: sectionproperties.subheaderbgresp
+      background: sectionproperties.subheaderbgresp,
+      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -11753,7 +11749,7 @@ var Gotoheader = function Gotoheader(props) {
     "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": headerstyles$g.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)'
@@ -35279,7 +35275,7 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
 function ownKeys$R(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$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Freetextsection = function Freetextsection(props) {
-  var _sectionproperties$ma, _maincontainerarrayof;
+  var _maincontainerarrayof;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -35430,7 +35426,7 @@ var Freetextsection = function Freetextsection(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       position: 'relative'
     }
-  }, sectionproperties.maincontainerarrayofobjs != undefined && ((_sectionproperties$ma = sectionproperties.maincontainerarrayofobjs) === null || _sectionproperties$ma === void 0 ? void 0 : _sectionproperties$ma.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_styles.imgcontainer
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
@@ -37037,7 +37033,6 @@ var Slideshowfade = function Slideshowfade(props) {
 function ownKeys$I(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$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Slideshowslide = function Slideshowslide(props) {
-  var _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -37218,18 +37213,12 @@ var Slideshowslide = function Slideshowslide(props) {
       size: 20
     }))));
   };
-  return (
-    /*#__PURE__*/
-    // align-items-center
-    React__default["default"].createElement("div", {
-      "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
-      style: {
-        paddingBottom: sectionproperties.marginBottom + 'px',
-        paddingTop: sectionproperties.marginTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-        background: sectionproperties.backgroundColor
-      }
+  var SlideshowContent = function SlideshowContent() {
+    var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
     }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-2 d-md-none"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37252,8 +37241,8 @@ var Slideshowslide = function Slideshowslide(props) {
         height: sectionproperties.height + 'vh',
         overflowY: 'scroll'
       }
-    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories.map(function (item, index) {
-      var _authdetailsContext$i2;
+    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
+      var _authdetailsContext$i3;
       return /*#__PURE__*/React__default["default"].createElement("li", {
         "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
         onMouseEnter: function onMouseEnter() {
@@ -37275,12 +37264,12 @@ var Slideshowslide = function Slideshowslide(props) {
         size: sectionproperties.collectionsectioniconfontsize
       }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
         size: sectionproperties.collectionsectioniconfontsize
-      }))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
         "class": "m-0"
       })));
-    })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcategories[Choosenindex]) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.parentcolletions) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "cat_dropdown-menu cat_dropdown",
       style: {
         minHeight: sectionproperties.height + 'vh'
@@ -37292,7 +37281,8 @@ var Slideshowslide = function Slideshowslide(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
-    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : (_authdetailsContext$i7 = _authdetailsContext$i6.instcategories[Choosenindex]) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.parentcolletions.map(function (item, index) {
+    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcategories[Choosenindex]) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.parentcolletions) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
+      var _item$collections;
       return /*#__PURE__*/React__default["default"].createElement("li", {
         "class": "col-lg-4 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -37300,7 +37290,7 @@ var Slideshowslide = function Slideshowslide(props) {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
         }
-      }, langdetect == 'en' ? item.title_en : item.title_ar), item.collections.map(function (item, index) {
+      }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("li", {
           "class": "col-lg-12 pl-1 pr-1"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -37316,7 +37306,7 @@ var Slideshowslide = function Slideshowslide(props) {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "h-sm-auto pl-sm-2 pr-sm-2",
+      "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2',
       style: {
         position: 'relative',
         borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -37395,7 +37385,32 @@ var Slideshowslide = function Slideshowslide(props) {
           height: '100%'
         }
       }), SlideShowTextContainer(item)));
-    })))))
+    }))))));
+  };
+  return (
+    /*#__PURE__*/
+    // align-items-center
+    React__default["default"].createElement("div", {
+      "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
+      style: {
+        paddingBottom: sectionproperties.marginBottom + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+        background: sectionproperties.backgroundColor
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex d-md-none",
+      style: {
+        paddingTop: sectionproperties.marginTop + 'px'
+      }
+    }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-none d-md-flex",
+      style: {
+        paddingTop: sectionproperties.marginTopResp + 'px'
+      }
+    }, SlideshowContent())))
   );
 };
 

package/dist/index.esm.js

@@ -86,9 +86,8 @@ import { CgMenuLeft } from '@react-icons/all-files/cg/CgMenuLeft';
 import { CgMenuRight } from '@react-icons/all-files/cg/CgMenuRight';
 import { HiOutlineShoppingBag } from '@react-icons/all-files/hi/HiOutlineShoppingBag';
 import { RiHandbagLine } from '@react-icons/all-files/ri/RiHandbagLine';
-import { GoSearch } from '@react-icons/all-files/go/GoSearch';
-import { FiUser } from '@react-icons/all-files/fi/FiUser';
 import { BiSearch } from '@react-icons/all-files/bi/BiSearch';
+import { FiUser } from '@react-icons/all-files/fi/FiUser';
 import { AiOutlineHeart } from '@react-icons/all-files/ai/AiOutlineHeart';
 import { AiOutlineMail } from '@react-icons/all-files/ai/AiOutlineMail';
 import { FiPhone } from '@react-icons/all-files/fi/FiPhone';
@@ -97,6 +96,7 @@ import { FiSearch } from '@react-icons/all-files/fi/FiSearch';
 import { BsSearch } from '@react-icons/all-files/bs/BsSearch';
 import { AiFillInstagram } from '@react-icons/all-files/ai/AiFillInstagram';
 import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
+import { GoSearch } from '@react-icons/all-files/go/GoSearch';
 import { AiOutlineInstagram } from '@react-icons/all-files/ai/AiOutlineInstagram';
 import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
 import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
@@ -8634,8 +8634,7 @@ var Filter$1 = function Filter(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
     style: {
-      marginTop: sectionproperties.filtersection_mt + 'px',
-      zIndex: 1000000
+      marginTop: sectionproperties.filtersection_mt + 'px'
     }
   }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
@@ -8709,8 +8708,7 @@ var Filter$1 = function Filter(props) {
     id: "filterslider",
     style: {
       background: sectionproperties.filter_backgroundcolor,
-      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
-      zIndex: 100000
+      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
@@ -9001,8 +8999,7 @@ var Filter$1 = function Filter(props) {
     className: ' pb-md-5 ',
     style: {
       background: sectionproperties.filter_backgroundcolor,
-      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
-      zIndex: 100000
+      borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
@@ -10023,10 +10020,7 @@ var CardsSection = function CardsSection(props) {
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
     }
   }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
-    style: {
-      zIndex: 1000
-    }
+    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex'
   }, /*#__PURE__*/React.createElement(Filter$1, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
@@ -10367,9 +10361,7 @@ var Subheader = function Subheader(props) {
   return /*#__PURE__*/React.createElement("div", {
     "class": ((_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$f.sub_outercontainer) + ' w-100 ml-0 mr-0 z-200 z-md-100 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 z-200 z-md-100 ',
     style: {
-      flex: 1,
-      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
+      flex: 1
     }
   }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$f.sub_container) + ' w-100 p-md-0 '
@@ -10396,7 +10388,9 @@ var Subheader = function Subheader(props) {
       borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
       paddingTop: sectionproperties.subheader_margintop + 'px',
       paddingBottom: sectionproperties.subheader_marginbottom + 'px',
-      background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg
+      background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg,
+      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
     }
   }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -10528,7 +10522,9 @@ var Subheader = function Subheader(props) {
       borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
       paddingTop: sectionproperties.subheader_margintop + 'px',
       paddingBottom: sectionproperties.subheader_marginbottom + 'px',
-      background: sectionproperties.subheaderbgresp
+      background: sectionproperties.subheaderbgresp,
+      paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -11709,7 +11705,7 @@ var Gotoheader = function Gotoheader(props) {
     "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement("i", {
     "class": headerstyles$g.searchbaractive + ' h-100 d-flex align-items-center'
-  }, /*#__PURE__*/React.createElement(GoSearch, {
+  }, /*#__PURE__*/React.createElement(BiSearch, {
     size: sectionproperties.searchbarcontfontsize,
     style: {
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
@@ -35235,7 +35231,7 @@ var Backgroundimage_with_topcircle = function Backgroundimage_with_topcircle(pro
 function ownKeys$R(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$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Freetextsection = function Freetextsection(props) {
-  var _sectionproperties$ma, _maincontainerarrayof;
+  var _maincontainerarrayof;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -35386,7 +35382,7 @@ var Freetextsection = function Freetextsection(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       position: 'relative'
     }
-  }, sectionproperties.maincontainerarrayofobjs != undefined && ((_sectionproperties$ma = sectionproperties.maincontainerarrayofobjs) === null || _sectionproperties$ma === void 0 ? void 0 : _sectionproperties$ma.length) != 0 && /*#__PURE__*/React.createElement("div", {
+  }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React.createElement("div", {
     "class": section_styles.imgcontainer
   }, /*#__PURE__*/React.createElement(IKImage, {
     urlEndpoint: IKurlEndpoint,
@@ -36993,7 +36989,6 @@ var Slideshowfade = function Slideshowfade(props) {
 function ownKeys$I(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$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Slideshowslide = function Slideshowslide(props) {
-  var _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -37174,18 +37169,12 @@ var Slideshowslide = function Slideshowslide(props) {
       size: 20
     }))));
   };
-  return (
-    /*#__PURE__*/
-    // align-items-center
-    React.createElement("div", {
-      "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
-      style: {
-        paddingBottom: sectionproperties.marginBottom + 'px',
-        paddingTop: sectionproperties.marginTop + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-        background: sectionproperties.backgroundColor
-      }
+  var SlideshowContent = function SlideshowContent() {
+    var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9;
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
     }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-2 d-md-none"
     }, /*#__PURE__*/React.createElement("div", {
@@ -37208,8 +37197,8 @@ var Slideshowslide = function Slideshowslide(props) {
         height: sectionproperties.height + 'vh',
         overflowY: 'scroll'
       }
-    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories.map(function (item, index) {
-      var _authdetailsContext$i2;
+    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
+      var _authdetailsContext$i3;
       return /*#__PURE__*/React.createElement("li", {
         "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
         onMouseEnter: function onMouseEnter() {
@@ -37231,12 +37220,12 @@ var Slideshowslide = function Slideshowslide(props) {
         size: sectionproperties.collectionsectioniconfontsize
       }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
         size: sectionproperties.collectionsectioniconfontsize
-      }))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories) - 1 && /*#__PURE__*/React.createElement("div", {
+      }))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instcategories) - 1 && /*#__PURE__*/React.createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
       }, /*#__PURE__*/React.createElement("hr", {
         "class": "m-0"
       })));
-    })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcategories[Choosenindex]) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.parentcolletions) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) != 0 && /*#__PURE__*/React.createElement("div", {
+    })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.length) != 0 && /*#__PURE__*/React.createElement("div", {
       "class": "cat_dropdown-menu cat_dropdown",
       style: {
         minHeight: sectionproperties.height + 'vh'
@@ -37248,7 +37237,8 @@ var Slideshowslide = function Slideshowslide(props) {
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
-    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : (_authdetailsContext$i7 = _authdetailsContext$i6.instcategories[Choosenindex]) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.parentcolletions.map(function (item, index) {
+    }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcategories[Choosenindex]) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.parentcolletions) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
+      var _item$collections;
       return /*#__PURE__*/React.createElement("li", {
         "class": "col-lg-4 p-0"
       }, /*#__PURE__*/React.createElement("p", {
@@ -37256,7 +37246,7 @@ var Slideshowslide = function Slideshowslide(props) {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
         }
-      }, langdetect == 'en' ? item.title_en : item.title_ar), item.collections.map(function (item, index) {
+      }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
         return /*#__PURE__*/React.createElement("li", {
           "class": "col-lg-12 pl-1 pr-1"
         }, /*#__PURE__*/React.createElement("p", {
@@ -37272,7 +37262,7 @@ var Slideshowslide = function Slideshowslide(props) {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "h-sm-auto pl-sm-2 pr-sm-2",
+      "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2',
       style: {
         position: 'relative',
         borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -37351,7 +37341,32 @@ var Slideshowslide = function Slideshowslide(props) {
           height: '100%'
         }
       }), SlideShowTextContainer(item)));
-    })))))
+    }))))));
+  };
+  return (
+    /*#__PURE__*/
+    // align-items-center
+    React.createElement("div", {
+      "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
+      style: {
+        paddingBottom: sectionproperties.marginBottom + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+        background: sectionproperties.backgroundColor
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex d-md-none",
+      style: {
+        paddingTop: sectionproperties.marginTop + 'px'
+      }
+    }, SlideshowContent()), /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-none d-md-flex",
+      style: {
+        paddingTop: sectionproperties.marginTopResp + 'px'
+      }
+    }, SlideshowContent())))
   );
 };
 

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('react-share'), require('@babel/runtime/helpers/toConsumableArray'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('react-paginate'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', 'react-share', '@babel/runtime/helpers/toConsumableArray', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', 'react-paginate', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global.reactShare, global._toConsumableArray, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.FiLayers, global.HiOutlineTrash, global.BiSad, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.ReactPaginate, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.IoClose, global.MdKeyboardArrowUp, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.FiMinus, global.FiPlus, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, reactShare, _toConsumableArray, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, FiLayers, HiOutlineTrash, BiSad, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, FiChevronLeft, FiChevronRight, ReactPaginate, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, IoClose, MdKeyboardArrowUp, FaPhoneAlt, FaPhone, AiOutlinePhone, GoLocation, RiRoadMapLine, HiOutlineClock, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, FiMinus, FiPlus, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('react-share'), require('@babel/runtime/helpers/toConsumableArray'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('react-paginate'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', 'react-share', '@babel/runtime/helpers/toConsumableArray', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', 'react-paginate', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global.reactShare, global._toConsumableArray, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.FiLayers, global.HiOutlineTrash, global.BiSad, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.ReactPaginate, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.GoSearch, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.IoClose, global.MdKeyboardArrowUp, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.FiMinus, global.FiPlus, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, reactShare, _toConsumableArray, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, FiLayers, HiOutlineTrash, BiSad, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, FiChevronLeft, FiChevronRight, ReactPaginate, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, BiSearch, FiUser, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, GoSearch, AiOutlineInstagram, BsInfoCircle, AiFillPhone, IoClose, MdKeyboardArrowUp, FaPhoneAlt, FaPhone, AiOutlinePhone, GoLocation, RiRoadMapLine, HiOutlineClock, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, FiMinus, FiPlus, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -8536,8 +8536,7 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
         style: {
-          marginTop: sectionproperties.filtersection_mt + 'px',
-          zIndex: 1000000
+          marginTop: sectionproperties.filtersection_mt + 'px'
         }
       }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
@@ -8611,8 +8610,7 @@
         id: "filterslider",
         style: {
           background: sectionproperties.filter_backgroundcolor,
-          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
-          zIndex: 100000
+          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
@@ -8903,8 +8901,7 @@
         className: ' pb-md-5 ',
         style: {
           background: sectionproperties.filter_backgroundcolor,
-          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
-          zIndex: 100000
+          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
@@ -9925,10 +9922,7 @@
           paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
         }
       }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex',
-        style: {
-          zIndex: 1000
-        }
+        className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex ' : 'col-lg-3 d-flex'
       }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
         sectionpropertiesprops: sectionproperties,
         actions: actions,
@@ -10269,9 +10263,7 @@
       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 z-200 z-md-100 ' : "".concat(headerstyles$f.sub_outercontainer) + ' row ml-0 mr-0 w-100 z-200 z-md-100 ',
         style: {
-          flex: 1,
-          paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
+          flex: 1
         }
       }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$f.sub_container) + ' w-100 p-md-0 '
@@ -10298,7 +10290,9 @@
           borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
           paddingTop: sectionproperties.subheader_margintop + 'px',
           paddingBottom: sectionproperties.subheader_marginbottom + 'px',
-          background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg
+          background: sectionproperties.subheaderbgtransparent == 'Transparent' ? 'transparent' : sectionproperties.subheaderbg,
+          paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
         }
       }, sectionproperties.subheaderpositionfromhome == 'Right After Home' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -10430,7 +10424,9 @@
           borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
           paddingTop: sectionproperties.subheader_margintop + 'px',
           paddingBottom: sectionproperties.subheader_marginbottom + 'px',
-          background: sectionproperties.subheaderbgresp
+          background: sectionproperties.subheaderbgresp,
+          paddingLeft: langdetect == 'en' ? sectionproperties.subheader_paddingLeft + 'px' : sectionproperties.subheader_paddingRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.subheader_paddingRight + 'px' : sectionproperties.subheader_paddingLeft + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
@@ -11611,7 +11607,7 @@
         "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": headerstyles$g.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)'
@@ -35137,7 +35133,7 @@
     function ownKeys$R(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$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Freetextsection = function Freetextsection(props) {
-      var _sectionproperties$ma, _maincontainerarrayof;
+      var _maincontainerarrayof;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -35288,7 +35284,7 @@
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
           position: 'relative'
         }
-      }, sectionproperties.maincontainerarrayofobjs != undefined && ((_sectionproperties$ma = sectionproperties.maincontainerarrayofobjs) === null || _sectionproperties$ma === void 0 ? void 0 : _sectionproperties$ma.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": section_styles.imgcontainer
       }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
@@ -36895,7 +36891,6 @@
     function ownKeys$I(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$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Slideshowslide = function Slideshowslide(props) {
-      var _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -37076,18 +37071,12 @@
           size: 20
         }))));
       };
-      return (
-        /*#__PURE__*/
-        // align-items-center
-        React__default["default"].createElement("div", {
-          "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
-          style: {
-            paddingBottom: sectionproperties.marginBottom + 'px',
-            paddingTop: sectionproperties.marginTop + 'px',
-            paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-            paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-            background: sectionproperties.backgroundColor
-          }
+      var SlideshowContent = function SlideshowContent() {
+        var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
         }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-2 d-md-none"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37110,8 +37099,8 @@
             height: sectionproperties.height + 'vh',
             overflowY: 'scroll'
           }
-        }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories.map(function (item, index) {
-          var _authdetailsContext$i2;
+        }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
+          var _authdetailsContext$i3;
           return /*#__PURE__*/React__default["default"].createElement("li", {
             "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
             onMouseEnter: function onMouseEnter() {
@@ -37133,12 +37122,12 @@
             size: sectionproperties.collectionsectioniconfontsize
           }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
             size: sectionproperties.collectionsectioniconfontsize
-          }))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+          }))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-lg-12 p-0 mt-3 mb-3"
           }, /*#__PURE__*/React__default["default"].createElement("hr", {
             "class": "m-0"
           })));
-        })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcategories[Choosenindex]) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.parentcolletions) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        })), Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "cat_dropdown-menu cat_dropdown",
           style: {
             minHeight: sectionproperties.height + 'vh'
@@ -37150,7 +37139,8 @@
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
-        }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : (_authdetailsContext$i7 = _authdetailsContext$i6.instcategories[Choosenindex]) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.parentcolletions.map(function (item, index) {
+        }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcategories[Choosenindex]) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.parentcolletions) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
+          var _item$collections;
           return /*#__PURE__*/React__default["default"].createElement("li", {
             "class": "col-lg-4 p-0"
           }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -37158,7 +37148,7 @@
             onClick: function onClick() {
               routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
             }
-          }, langdetect == 'en' ? item.title_en : item.title_ar), item.collections.map(function (item, index) {
+          }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
             return /*#__PURE__*/React__default["default"].createElement("li", {
               "class": "col-lg-12 pl-1 pr-1"
             }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -37174,7 +37164,7 @@
             height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "h-sm-auto pl-sm-2 pr-sm-2",
+          "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2',
           style: {
             position: 'relative',
             borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -37253,7 +37243,32 @@
               height: '100%'
             }
           }), SlideShowTextContainer(item)));
-        })))))
+        }))))));
+      };
+      return (
+        /*#__PURE__*/
+        // align-items-center
+        React__default["default"].createElement("div", {
+          "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
+          style: {
+            paddingBottom: sectionproperties.marginBottom + 'px',
+            paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+            paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+            background: sectionproperties.backgroundColor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 d-flex d-md-none",
+          style: {
+            paddingTop: sectionproperties.marginTop + 'px'
+          }
+        }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 d-none d-md-flex",
+          style: {
+            paddingTop: sectionproperties.marginTopResp + 'px'
+          }
+        }, SlideshowContent())))
       );
     };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.191",
+	"version": "0.0.193",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {