tabexseriescomponents 0.0.480 → 0.0.482

package/dist/index.cjs.js

@@ -147,6 +147,7 @@ var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLe
 var Select$5 = require('react-select');
 var GoStar = require('@react-icons/all-files/go/GoStar');
 var IoIosStar = require('@react-icons/all-files/io/IoIosStar');
+require('@mui/system');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
 var reactSlideshowImage = require('react-slideshow-image');
@@ -157,7 +158,6 @@ var BsArrowRight = require('@react-icons/all-files/bs/BsArrowRight');
 var BsArrowLeft = require('@react-icons/all-files/bs/BsArrowLeft');
 var BsEye = require('@react-icons/all-files/bs/BsEye');
 var BiTimeFive = require('@react-icons/all-files/bi/BiTimeFive');
-require('@mui/system');
 var IoIosArrowUp = require('@react-icons/all-files/io/IoIosArrowUp');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -6521,19 +6521,66 @@ var Productinfo = function Productinfo(props) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
-  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'row ml-0 mr-0 w-100 allcentered',
+  }, Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0",
     style: {
-      height: 200
+      minHeight: '80vh'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  })), Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
-  }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContextProps.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row ml-0 mr-0 w-100  px-5 py-5'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-6 col-md-12 is-loading mb-md-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "image",
+    style: {
+      width: '100%',
+      height: 400
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-6 col-md-12 mb-md-4"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading"
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }))), !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' row m-0 w-100 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -16918,6 +16965,9 @@ var CardsSection = function CardsSection(props) {
       ':hover': {
         color: sectionproperties.paginationColoronHover,
         borderColor: sectionproperties.paginationColoronHover
+      },
+      '@media (max-width: 800px)': {
+        minWidth: '4vh'
       }
     }),
     activeClassName: glamor.css({
@@ -16941,6 +16991,9 @@ var CardsSection = function CardsSection(props) {
       ':hover': {
         color: sectionproperties.paginationColoronHover,
         borderColor: sectionproperties.paginationColoronHover
+      },
+      '@media (max-width: 800px)': {
+        // minWidth: '20px',
       }
     }),
     nextClassName: glamor.css({
@@ -16956,6 +17009,9 @@ var CardsSection = function CardsSection(props) {
       ':hover': {
         color: sectionproperties.paginationColoronHover,
         borderColor: sectionproperties.paginationColoronHover
+      },
+      '@media (max-width: 800px)': {
+        // minWidth: '20px',
       }
     }),
     previousLinkClassName: glamor.css({
@@ -57673,10 +57729,19 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     sectiontitlespan: glamor.css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
       ':after': {
         height: '5px',
         width: sectionproperties.sectitle_lineafterwidth + '%',
         backgroundColor: sectionproperties.linebgcolor
+      },
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }),
     line_left: glamor.css({
@@ -57739,6 +57804,23 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover': {
         color: sectionproperties.generalbtn_textColoronhover
       }
+    }),
+    outercontainer: glamor.css({
+      position: 'relative',
+      width: sectionproperties.width + '%',
+      background: sectionproperties.outerbgcolor,
+      '@media (max-width: 800px)': {
+        width: sectionproperties.widthresponsive + '%'
+      }
+    }),
+    descriptioncont: glamor.css({
+      color: sectionproperties.prodCatColor,
+      fontWeight: sectionproperties.prodCatFontWeight,
+      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -57747,12 +57829,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       background: sectionproperties.outerbgcolor
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 w-md-100 align-items-center ',
-    style: {
-      position: 'relative',
-      width: sectionproperties.width + '%',
-      background: sectionproperties.outerbgcolor
-    }
+    "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
+    style: {}
   }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionStyles.imgcontainer
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -57813,15 +57891,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": sectionStyles.line_left
   }), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-      paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-    }
+    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center  ',
+    style: {}
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": sectionStyles.line_right
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -57833,13 +57904,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
-    style: {
-      color: sectionproperties.prodCatColor,
-      fontWeight: sectionproperties.prodCatFontWeight,
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
-      fontSize: sectionproperties.prodCatFontSize + 'px'
-    }
+    "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
+    style: {}
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4' : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4' : 'col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4',
@@ -64539,7 +64605,7 @@ var Card23 = function Card23(props) {
       fontSize: sectionproperties.outstock_fontSize + 'px',
       borderRadius: sectionproperties.outstock_borderradius + 'px',
       position: 'absolute',
-      zIndex: 2,
+      zIndex: 200,
       top: 0,
       bottom: 0,
       left: 0,
@@ -64664,7 +64730,7 @@ var Card23 = function Card23(props) {
         fontSize: sectionproperties.pillfontSize + 'px',
         direction: 'ltr'
       }
-    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"

package/dist/index.esm.js

@@ -145,6 +145,7 @@ import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircle
 import Select$5 from 'react-select';
 import { GoStar } from '@react-icons/all-files/go/GoStar';
 import { IoIosStar } from '@react-icons/all-files/io/IoIosStar';
+import '@mui/system';
 import BackgroundSlideshow from 'react-background-slideshow';
 import _extends from '@babel/runtime/helpers/extends';
 import { Fade, Slide, Zoom } from 'react-slideshow-image';
@@ -155,7 +156,6 @@ import { BsArrowRight } from '@react-icons/all-files/bs/BsArrowRight';
 import { BsArrowLeft } from '@react-icons/all-files/bs/BsArrowLeft';
 import { BsEye } from '@react-icons/all-files/bs/BsEye';
 import { BiTimeFive } from '@react-icons/all-files/bi/BiTimeFive';
-import '@mui/system';
 import { IoIosArrowUp } from '@react-icons/all-files/io/IoIosArrowUp';
 
 // import './index.module.css'
@@ -6472,19 +6472,66 @@ var Productinfo = function Productinfo(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
-  }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
-    className: 'row ml-0 mr-0 w-100 allcentered',
+  }, Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0",
     style: {
-      height: 200
+      minHeight: '80vh'
     }
-  }, /*#__PURE__*/React.createElement(Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  })), Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0"
-  }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContextProps.isFetching && /*#__PURE__*/React.createElement("div", {
+    className: 'row ml-0 mr-0 w-100  px-5 py-5'
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6 col-md-12 is-loading mb-md-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "image",
+    style: {
+      width: '100%',
+      height: 400
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6 col-md-12 mb-md-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading"
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "is-loading",
+    style: {
+      width: '40%'
+    }
+  }))), !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' row m-0 w-100 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -16869,6 +16916,9 @@ var CardsSection = function CardsSection(props) {
       ':hover': {
         color: sectionproperties.paginationColoronHover,
         borderColor: sectionproperties.paginationColoronHover
+      },
+      '@media (max-width: 800px)': {
+        minWidth: '4vh'
       }
     }),
     activeClassName: css({
@@ -16892,6 +16942,9 @@ var CardsSection = function CardsSection(props) {
       ':hover': {
         color: sectionproperties.paginationColoronHover,
         borderColor: sectionproperties.paginationColoronHover
+      },
+      '@media (max-width: 800px)': {
+        // minWidth: '20px',
       }
     }),
     nextClassName: css({
@@ -16907,6 +16960,9 @@ var CardsSection = function CardsSection(props) {
       ':hover': {
         color: sectionproperties.paginationColoronHover,
         borderColor: sectionproperties.paginationColoronHover
+      },
+      '@media (max-width: 800px)': {
+        // minWidth: '20px',
       }
     }),
     previousLinkClassName: css({
@@ -57624,10 +57680,19 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     sectiontitlespan: css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
       ':after': {
         height: '5px',
         width: sectionproperties.sectitle_lineafterwidth + '%',
         backgroundColor: sectionproperties.linebgcolor
+      },
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }),
     line_left: css({
@@ -57690,6 +57755,23 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover': {
         color: sectionproperties.generalbtn_textColoronhover
       }
+    }),
+    outercontainer: css({
+      position: 'relative',
+      width: sectionproperties.width + '%',
+      background: sectionproperties.outerbgcolor,
+      '@media (max-width: 800px)': {
+        width: sectionproperties.widthresponsive + '%'
+      }
+    }),
+    descriptioncont: css({
+      color: sectionproperties.prodCatColor,
+      fontWeight: sectionproperties.prodCatFontWeight,
+      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -57698,12 +57780,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       background: sectionproperties.outerbgcolor
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 w-md-100 align-items-center ',
-    style: {
-      position: 'relative',
-      width: sectionproperties.width + '%',
-      background: sectionproperties.outerbgcolor
-    }
+    "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
+    style: {}
   }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.imgcontainer
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
@@ -57764,15 +57842,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
     "class": sectionStyles.line_left
   }), /*#__PURE__*/React.createElement("p", {
-    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-      paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-    }
+    "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center  ',
+    style: {}
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
     "class": sectionStyles.line_right
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -57784,13 +57855,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
-    style: {
-      color: sectionproperties.prodCatColor,
-      fontWeight: sectionproperties.prodCatFontWeight,
-      textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
-      fontSize: sectionproperties.prodCatFontSize + 'px'
-    }
+    "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
+    style: {}
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4' : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4' : 'col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4',
@@ -64490,7 +64556,7 @@ var Card23 = function Card23(props) {
       fontSize: sectionproperties.outstock_fontSize + 'px',
       borderRadius: sectionproperties.outstock_borderradius + 'px',
       position: 'absolute',
-      zIndex: 2,
+      zIndex: 200,
       top: 0,
       bottom: 0,
       left: 0,
@@ -64615,7 +64681,7 @@ var Card23 = function Card23(props) {
         fontSize: sectionproperties.pillfontSize + 'px',
         direction: 'ltr'
       }
-    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' == 0 && /*#__PURE__*/React.createElement("div", {
+    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0"

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('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), 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/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('react-textarea-autosize'), 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('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), 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-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), 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-phone-input-2'), 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-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), 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/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/io5/IoClose'), 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/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/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), 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/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@mui/system'), 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', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', '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/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@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-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@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-phone-input-2', '@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-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@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/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@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/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', '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/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@mui/system', '@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, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, 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.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, null, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, system, 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('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), 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/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('react-textarea-autosize'), 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('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), 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-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), 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-phone-input-2'), 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-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), 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/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/io5/IoClose'), 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/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/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('@mui/system'), 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/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', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', '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/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@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-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@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-phone-input-2', '@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-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@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/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@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/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', '@mui/system', '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/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, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, 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.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, null, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, 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, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, system, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -6347,19 +6347,66 @@
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: productinfo_cssstyles.containerstyles + ' row w-100 ml-0 mr-0 '
-      }, fetchProductInfoQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: 'row ml-0 mr-0 w-100 allcentered',
+      }, Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0",
         style: {
-          height: 200
+          minHeight: '80vh'
         }
-      }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
-        color: "#ccc",
-        width: "10px",
-        height: "10px",
-        duration: "1s"
-      })), Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0"
-      }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, fetchProductInfoQueryContextProps.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'row ml-0 mr-0 w-100  px-5 py-5'
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-6 col-md-12 is-loading mb-md-4"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "image",
+        style: {
+          width: '100%',
+          height: 400
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-6 col-md-12 mb-md-4"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading"
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "is-loading",
+        style: {
+          width: '40%'
+        }
+      }))), !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' row m-0 w-100 p-sm-0 ',
         style: {
           paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -16744,6 +16791,9 @@
           ':hover': {
             color: sectionproperties.paginationColoronHover,
             borderColor: sectionproperties.paginationColoronHover
+          },
+          '@media (max-width: 800px)': {
+            minWidth: '4vh'
           }
         }),
         activeClassName: glamor.css({
@@ -16767,6 +16817,9 @@
           ':hover': {
             color: sectionproperties.paginationColoronHover,
             borderColor: sectionproperties.paginationColoronHover
+          },
+          '@media (max-width: 800px)': {
+            // minWidth: '20px',
           }
         }),
         nextClassName: glamor.css({
@@ -16782,6 +16835,9 @@
           ':hover': {
             color: sectionproperties.paginationColoronHover,
             borderColor: sectionproperties.paginationColoronHover
+          },
+          '@media (max-width: 800px)': {
+            // minWidth: '20px',
           }
         }),
         previousLinkClassName: glamor.css({
@@ -57499,10 +57555,19 @@
           }
         }),
         sectiontitlespan: glamor.css({
+          fontSize: sectionproperties.sectionTitleFontSize + 'px',
+          color: sectionproperties.sectionTitleColor,
+          fontWeight: sectionproperties.sectionTitleFontWeight,
+          paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+          paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+          textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
           ':after': {
             height: '5px',
             width: sectionproperties.sectitle_lineafterwidth + '%',
             backgroundColor: sectionproperties.linebgcolor
+          },
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
           }
         }),
         line_left: glamor.css({
@@ -57565,6 +57630,23 @@
           ':hover': {
             color: sectionproperties.generalbtn_textColoronhover
           }
+        }),
+        outercontainer: glamor.css({
+          position: 'relative',
+          width: sectionproperties.width + '%',
+          background: sectionproperties.outerbgcolor,
+          '@media (max-width: 800px)': {
+            width: sectionproperties.widthresponsive + '%'
+          }
+        }),
+        descriptioncont: glamor.css({
+          color: sectionproperties.prodCatColor,
+          fontWeight: sectionproperties.prodCatFontWeight,
+          textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+          fontSize: sectionproperties.prodCatFontSize + 'px',
+          '@media (max-width: 800px)': {
+            fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+          }
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -57573,12 +57655,8 @@
           background: sectionproperties.outerbgcolor
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 w-md-100 align-items-center ',
-        style: {
-          position: 'relative',
-          width: sectionproperties.width + '%',
-          background: sectionproperties.outerbgcolor
-        }
+        "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
+        style: {}
       }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.imgcontainer
       }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -57639,15 +57717,8 @@
       }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
         "class": sectionStyles.line_left
       }), /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
-        style: {
-          fontSize: sectionproperties.sectionTitleFontSize + 'px',
-          color: sectionproperties.sectionTitleColor,
-          fontWeight: sectionproperties.sectionTitleFontWeight,
-          paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-          paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-          textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-        }
+        "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center  ',
+        style: {}
       }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
         "class": sectionStyles.line_right
       })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -57659,13 +57730,8 @@
           paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
-        style: {
-          color: sectionproperties.prodCatColor,
-          fontWeight: sectionproperties.prodCatFontWeight,
-          textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
-          fontSize: sectionproperties.prodCatFontSize + 'px'
-        }
+        "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
+        style: {}
       }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4' : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4' : 'col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4',
@@ -64365,7 +64431,7 @@
           fontSize: sectionproperties.outstock_fontSize + 'px',
           borderRadius: sectionproperties.outstock_borderradius + 'px',
           position: 'absolute',
-          zIndex: 2,
+          zIndex: 200,
           top: 0,
           bottom: 0,
           left: 0,
@@ -64490,7 +64556,7 @@
             fontSize: sectionproperties.pillfontSize + 'px',
             direction: 'ltr'
           }
-        }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0"

package/package.json

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