tabexseriescomponents 0.50.109 → 0.50.112

package/dist/index.cjs.js

@@ -34275,7 +34275,7 @@ var Simpleheader = function Simpleheader(props) {
     }
   }, sectionproperties.cartBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": langdetect != 'ar' ? 'mr-2' : 'ml-2'
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : langdetect == 'rus' ? sectionproperties.cartBtnContent_rus : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : langdetect == 'rus' ? sectionproperties.cartBtnContentrus : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
   }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity : 0), /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered"
@@ -53258,7 +53258,7 @@ var Footer8 = function Footer8(props) {
       fontSize: 14,
       fontWeight: 400
     }
-  }, "Villa No. 298 B - South Police Acemy - Fifth Settlement - New Cairo - Cairo - Egypt.")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Villa No. 298 B - South Police Acemy - Fifth Settlement - New Cairo - Cairo - Egypt.' : langdetect == 'fr' ? 'Villa n° 298 B – Académie de Police Sud – Cinquième Caire – Nouveau Caire – Le Caire – Égypte' : 'فيلا رقم ٢٩٨ ب - أكاديمية الشرطة الجنوبية - التجمع الخامس - القاهرة الجديدة - القاهرة - مصر')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 text-start mt-4 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.iconTextStyle),
@@ -53283,7 +53283,7 @@ var Footer8 = function Footer8(props) {
       fontSize: 14,
       fontWeight: 400
     }
-  }, "Units No. (40, 41, 42), Industrial Zone, Arab Al-Awamer Complex, Assiut Governorate")))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Units No. (40, 41, 42), Industrial Zone, Arab Al-Awamer Complex, Assiut Governorate' : langdetect == 'fr' ? 'Unités n° (40, 41, 42), Zone Industrielle, Complexe Arab Al-Awamer, Gouvernorat d’Assiout' : 'الوحدات رقم (40، 41، 42)، المنطقة الصناعية، مجمع عرب العوامر، محافظة أسيوط')))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-12 d-none d-md-flex flex-column mb-md-3 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     "class": "w-100",
@@ -53335,7 +53335,7 @@ var Footer8 = function Footer8(props) {
     "class": "col-lg-12 p-0 text-start mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.textStyles)
-  }, sectionproperties["addresstitle_".concat(langdetect)] || sectionproperties.addresstitle_en)), templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$3 = templatepropcontext.pagesnprop) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.map(function (item, index) {
+  }, langdetect == 'fr' ? 'Liens rapides' : sectionproperties["addresstitle_".concat(langdetect)] || sectionproperties.addresstitle_en)), templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$3 = templatepropcontext.pagesnprop) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 text-start mb-2",
@@ -53543,7 +53543,7 @@ var Footer8 = function Footer8(props) {
       color: '#fff'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' m-0 font-14 font-weight-500 cusrsor-pointer ',
+    "class": ' m-0 font-14 font-weight-500 cursor-pointer ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
     }
@@ -53554,7 +53554,7 @@ var Footer8 = function Footer8(props) {
     },
     className: "mx-2"
   }, ' ', "-", ' '), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' m-0 font-14 font-weight-500 cusrsor-pointer ',
+    "class": ' m-0 font-14 font-weight-500 cursor-pointer ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
     }
@@ -53565,7 +53565,7 @@ var Footer8 = function Footer8(props) {
     },
     className: "mx-2"
   }, ' ', "-", ' '), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' m-0 font-14 mx-1 font-weight-500 cusrsor-pointer ',
+    "class": ' m-0 font-14 mx-1 font-weight-500 cursor-pointer ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.RefundPolicy);
     }
@@ -67964,7 +67964,7 @@ var Freetextsection = function Freetextsection(props) {
         fontWeight: sectionproperties.prodCatFontWeight,
         textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, langdetect === 'ar' ? sectionproperties.descriptionContentAr : langdetect === 'chin' ? sectionproperties.descriptionContentChin : langdetect === 'es' ? sectionproperties.descriptionContentEs : langdetect === 'fr' ? sectionproperties.descriptionContentFr : langdetect === 'rus' ? sectionproperties.descriptionContentrus : sectionproperties.descriptionContentEn));
+    }, langdetect == 'ar' ? sectionproperties.descriptionContentAr : sectionproperties["descriptionContent".concat(langdetect)] || sectionproperties.descriptionContentEn));
   };
   var SectionContent = function SectionContent(type) {
     var _maincontainerarrayof2, _maincontainerarrayof3;
@@ -68532,7 +68532,9 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
       style: {},
       dangerouslySetInnerHTML: {
-        __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+        __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+
+        // langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar,
       }
     })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
@@ -68755,7 +68757,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -68906,7 +68913,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -69057,7 +69069,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -69208,7 +69225,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -69497,7 +69519,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -69688,7 +69715,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -69844,7 +69876,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -70000,7 +70037,12 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
     style: {},
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? sectionproperties.contenteditor : langdetect == 'rus' ? sectionproperties.slideshowText2Content_rus : sectionproperties.text2editortextar
+      __html: langdetect == 'ar' ? sectionproperties.text2editortextar : sectionproperties["contenteditor".concat(langdetect)] || sectionproperties.contenteditor
+      // langdetect == 'en'
+      //     ? sectionproperties.contenteditor
+      //     : langdetect == 'rus'
+      //     ? sectionproperties.slideshowText2Content_rus
+      //     : sectionproperties.text2editortextar,
     }
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
@@ -73446,7 +73488,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, langdetect != 'ar' ? item.titleen : item.titlear)), sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'ar' ? item.titleen : langdetect == 'fr' ? item.titlefr : item.titlear)), sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered mb-1' : 'col-lg-12 mb-1 text-start',
       "data-aos": 'fade-up'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -73454,7 +73496,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, langdetect != 'ar' ? item.titleen : item.titlear)), sectionproperties.slideshowText2ContentFontSize != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'ar' ? item.titleen : langdetect == 'fr' ? item.titlefr : item.titlear)), sectionproperties.slideshowText2ContentFontSize != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 text-start ',
       "data-aos": 'fade-up'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -73462,14 +73504,14 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, langdetect != 'ar' ? item.descriptionen : item.descriptionar)), sectionproperties.slideshowText2ContentFontSize != 0 && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.descriptionen : langdetect == 'fr' ? item.descriptionfr : item.descriptionar)), sectionproperties.slideshowText2ContentFontSize != 0 && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 text-start '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: slideshow_styles.text2styles + ' m-0 p-0 wordbreak ',
       style: {
         textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, langdetect != 'ar' ? item.descriptionen : item.descriptionar)), sectionproperties.generalbtn_show == 'Show' && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.descriptionen : langdetect == 'fr' ? item.descriptionfr : item.descriptionar)), sectionproperties.generalbtn_show == 'Show' && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class":
       // sectionproperties.generalbtn_position == 'Centered'
       //     ? 'col-lg-12 allcentered'
@@ -75104,7 +75146,7 @@ var ServiceSectionWithImage = function ServiceSectionWithImage(props) {
 function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
-  var _useState = React.useState(""),
+  var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
@@ -75127,7 +75169,7 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
     _useState8 = _slicedToArray__default["default"](_useState7, 2);
     _useState8[0];
     var setshowdownheadermenu = _useState8[1];
-  var _useState9 = React.useState(""),
+  var _useState9 = React.useState(''),
     _useState0 = _slicedToArray__default["default"](_useState9, 2),
     Choosenindex = _useState0[0],
     setChoosenindex = _useState0[1];
@@ -75184,13 +75226,13 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
   };
   var slideshow_styles = {
     imgcontainer: glamor.css({
-      ":before": {
-        width: "100%",
-        height: "100%",
-        background: "rgba(0,0,0,0.8)",
+      ':before': {
+        width: '100%',
+        height: '100%',
+        background: 'rgba(0,0,0,0.8)',
         zIndex: 1,
-        position: "absolute",
-        content: "s",
+        position: 'absolute',
+        content: 's',
         fontSize: 0,
         left: 0,
         right: 0,
@@ -75199,38 +75241,38 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
       }
     }),
     categoryname: glamor.css({
-      color: "#000",
-      fontSize: sectionproperties.subheader_categorytitle_fontSize + "px",
+      color: '#000',
+      fontSize: sectionproperties.subheader_categorytitle_fontSize + 'px',
       textTransform: sectionproperties.subheader_categorytitle_textTransform,
       fontWeight: sectionproperties.subheader_categorytitle_textfontweight,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.subheader_categorytitle_coloronhover
       }
     }),
     parentcollection: glamor.css({
       color: sectionproperties.subheader_collectiontitle_fontColor,
-      fontSize: sectionproperties.subheader_collectiontitle_fontSize + "px",
+      fontSize: sectionproperties.subheader_collectiontitle_fontSize + 'px',
       textTransform: sectionproperties.subheader_collectiontitle_textTransform,
       fontWeight: sectionproperties.subheader_collectiontitle_textfontweight,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.subheader_collectiontitle_coloronhover
       }
     }),
     collectionName: glamor.css({
       color: sectionproperties.collectionsectiontextcolor,
-      fontSize: sectionproperties.collectionsectiontextfontsize + "px",
+      fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
       textTransform: sectionproperties.collectionsectiontexttransform,
       fontWeight: sectionproperties.collectionsectiontextfontweight,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.collectionsectiontextcoloronhover
       }
     }),
     dropdowntitle: glamor.css({
       color: sectionproperties.collectionssectiontitlecolor,
-      fontSize: sectionproperties.collectionssectiontitlefontsize + "px",
+      fontSize: sectionproperties.collectionssectiontitlefontsize + 'px',
       fontWeight: sectionproperties.collectionssectiontitlefonteweight,
       textTransform: sectionproperties.collectionssectiontitletexttransfrom,
       backgroundColor: sectionproperties.collectionssectiontitlebgcolor
@@ -75242,62 +75284,62 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
       "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", {
+    }, sectionproperties.collectionssectionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-2 d-md-none",
       style: {
-        height: sectionproperties.collectionsectionheight + "vh"
+        height: sectionproperties.collectionsectionheight + 'vh'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100",
       style: {
         background: sectionproperties.collectionssectionbgcolor,
-        boxShadow: "0 0 10px " + sectionproperties.collectionssectionshadowcolor
+        boxShadow: '0 0 10px ' + sectionproperties.collectionssectionshadowcolor
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: slideshow_styles.dropdowntitle + " col-lg-12 p-0 d-flex ",
+      className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 d-flex ',
       style: {
-        justifyContent: sectionproperties.titlecentered == "Centered" ? "center" : "start"
+        justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "m-0 p-3 w-100 d-flex",
       style: {
-        justifyContent: sectionproperties.titlecentered == "Centered" ? "center" : "start"
+        justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
       }
-    }, langdetect != "ar" ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties["collectionssectiontitle".concat(langdetect)] || sectionproperties.collectionssectiontitleen)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
       style: {
-        height: sectionproperties.height + "vh",
-        overflowY: "scroll"
+        height: sectionproperties.height + 'vh',
+        overflowY: 'scroll'
       }
-    }, sectionproperties.fetchparenttype == "Categories" && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
+    }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
       if (item.isshowntocustomers == 1 && item.isinftiler == 1) {
         var _authdetailsContext$i3;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": slideshow_styles.categoryname + " row ml-0 mr-0 w-100 cursor-pointer ",
+          "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
           onMouseEnter: function onMouseEnter() {
             setshowdownheadermenu(true);
             setChoosenindex(index);
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 "
+          className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": " m-0 p-0 wordbreak wordbreak1 ",
+          "class": ' m-0 p-0 wordbreak wordbreak1 ',
           onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "categories/" + item.categoryid);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
           },
           style: {
             fontSize: 15,
             fontWeight: 600
           }
         }, item["title_".concat(langdetect)] || item.title_en)), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 "
+          className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
         }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: " p-0 h-100 allcentered "
-        }, langdetect != "ar" ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+          className: ' p-0 h-100 allcentered '
+        }, langdetect != 'ar' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
           size: sectionproperties.collectionsectioniconfontsize
         }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
           size: sectionproperties.collectionsectioniconfontsize
@@ -75307,30 +75349,30 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
           "class": "m-0"
         })));
       }
-    })), sectionproperties.fetchparenttype == "Parent Collections" && (pcollarray === null || pcollarray === void 0 ? void 0 : pcollarray.map(function (item, index) {
+    })), sectionproperties.fetchparenttype == 'Parent Collections' && (pcollarray === null || pcollarray === void 0 ? void 0 : pcollarray.map(function (item, index) {
       if (item.isshowntocustomers == 1) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": slideshow_styles.parentcollection + " row ml-0 mr-0 w-100 cursor-pointer ",
+          "class": slideshow_styles.parentcollection + ' row ml-0 mr-0 w-100 cursor-pointer ',
           onMouseEnter: function onMouseEnter() {
             setshowdownheadermenu(true);
             setChoosenindex(index);
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 "
+          className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": " m-0 p-0 wordbreak wordbreak1 ",
+          "class": ' m-0 p-0 wordbreak wordbreak1 ',
           onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "parentcollections/" + item.parentcollectionid);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
           },
           style: {
             fontSize: 15,
             fontWeight: 600
           }
         }, item["title_".concat(langdetect)] || item.title_en)), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 "
+          className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
         }, /*#__PURE__*/React__default["default"].createElement("i", {
-          className: " p-0 h-100 allcentered "
-        }, langdetect != "ar" ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+          className: ' p-0 h-100 allcentered '
+        }, langdetect != 'ar' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
           size: sectionproperties.collectionsectioniconfontsize
         }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
           size: sectionproperties.collectionsectioniconfontsize
@@ -75340,22 +75382,22 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
           "class": "m-0"
         })));
       }
-    })), sectionproperties.fetchparenttype == "Collections" && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instcollections.map(function (item, index) {
+    })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instcollections.map(function (item, index) {
       if (item.isshowntocustomers == 1) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": slideshow_styles.parentcollection + " row ml-0 mr-0 w-100 cursor-pointer ",
+          "class": slideshow_styles.parentcollection + ' row ml-0 mr-0 w-100 cursor-pointer ',
           onMouseEnter: function onMouseEnter() {
             setshowdownheadermenu(true);
             setChoosenindex(index);
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: " col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 "
-        }, sectionproperties.showcatimage == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+          className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '
+        }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           style: {
-            width: "4.5vh",
-            height: "4.5vh",
-            marginRight: langdetect != "ar" ? "5px" : 0,
-            marginLeft: langdetect == "ar" ? "5px" : 0
+            width: '4.5vh',
+            height: '4.5vh',
+            marginRight: langdetect != 'ar' ? '5px' : 0,
+            marginLeft: langdetect == 'ar' ? '5px' : 0
           }
         }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
           urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -75363,14 +75405,14 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
           path: item.collectionlogo,
           loading: "lazy",
           style: {
-            width: "100%",
-            height: "100%",
-            objectFit: "contain"
+            width: '100%',
+            height: '100%',
+            objectFit: 'contain'
           }
         })), /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": " m-0 p-0 wordbreak wordbreak1 ",
+          "class": ' m-0 p-0 wordbreak wordbreak1 ',
           onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.collectionid);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
           },
           style: {
             fontSize: 14,
@@ -75382,13 +75424,13 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
           "class": "m-0"
         })));
       }
-    }))), sectionproperties.fetchparenttype == "Categories" && Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": langdetect != "ar" ? "cat_dropdown-menu cat_dropdown cat_dropdownen" : "cat_dropdown-menu cat_dropdown cat_dropdownar",
+    }))), sectionproperties.fetchparenttype == 'Categories' && Choosenindex.length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcategories[Choosenindex]) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.parentcolletions) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": langdetect != 'ar' ? 'cat_dropdown-menu cat_dropdown cat_dropdownen' : 'cat_dropdown-menu cat_dropdown cat_dropdownar',
       style: {
-        minHeight: sectionproperties.height + "vh"
+        minHeight: sectionproperties.height + 'vh'
       },
       onMouseLeave: function onMouseLeave() {
-        setChoosenindex("");
+        setChoosenindex('');
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
@@ -75397,12 +75439,12 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": slideshow_styles.parentcollection + " m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ",
+        "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
         onClick: function onClick() {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "parentcollections/" + item.parentcollectionid);
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
         },
         style: {
-          textAlign: langdetect != "ar" ? "left" : "right",
+          textAlign: langdetect != 'ar' ? 'left' : 'right',
           fontSize: 15,
           fontWeight: 600
         }
@@ -75410,24 +75452,24 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 pl-1 pr-1"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": slideshow_styles.collectionName + " cursor-pointer wordbreak wordbreak2 mb-1 ",
+          "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 mb-1 ',
           onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.collectionid);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
           },
           style: {
-            textAlign: langdetect != "ar" ? "left" : "right",
+            textAlign: langdetect != 'ar' ? 'left' : 'right',
             fontSize: 14,
             fontWeight: 400
           }
         }, item["title_".concat(langdetect)] || item.title_en));
       }));
-    }))), sectionproperties.fetchparenttype == "Parent Collections" && Choosenindex.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": langdetect != "ar" ? "cat_dropdown-menu cat_dropdown cat_dropdownen" : "cat_dropdown-menu cat_dropdown cat_dropdownar",
+    }))), sectionproperties.fetchparenttype == 'Parent Collections' && Choosenindex.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": langdetect != 'ar' ? 'cat_dropdown-menu cat_dropdown cat_dropdownen' : 'cat_dropdown-menu cat_dropdown cat_dropdownar',
       style: {
-        minHeight: sectionproperties.height + "vh"
+        minHeight: sectionproperties.height + 'vh'
       },
       onMouseLeave: function onMouseLeave() {
-        setChoosenindex("");
+        setChoosenindex('');
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
@@ -75435,27 +75477,27 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0",
         onClick: function onClick() {
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.collectionid);
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 pl-1 pr-1"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": slideshow_styles.collectionName + " cursor-pointer wordbreak wordbreak2 mb-1 ",
+        "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 mb-1 ',
         style: {
-          textAlign: langdetect != "ar" ? "left" : "right",
+          textAlign: langdetect != 'ar' ? 'left' : 'right',
           fontSize: 15,
           fontWeight: 500
         }
       }, item["title_".concat(langdetect)] || item.title_en)));
     }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.collectionssectionshow == "Show" ? "col-lg-10 col-md-12 col-sm-12 p-0 d-flex justify-content-center h-sm-auto" : "col-lg-12 p-0 d-flex justify-content-center h-sm-auto",
+      "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 col-sm-12 p-0 d-flex justify-content-center h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto',
       style: {
-        height: sectionproperties.bgcovercontain == "Cover" ? sectionproperties.height + "vh" : "auto"
+        height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": " col-lg-8 mb-md-3 p-md-0 "
+      "class": ' col-lg-8 mb-md-3 p-md-0 '
     }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
       transitionDuration: 1500,
       duration: 1500,
@@ -75463,72 +75505,72 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
       easing: "ease"
     }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100"
+        "class": 'row m-0 w-100'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": " p-0 align-items-center d-flex d-md-none ",
+        "class": ' p-0 align-items-center d-flex d-md-none ',
         key: index,
         style: {
-          cursor: item.IsClickableimg == "Yes" ? "pointer" : "default",
-          width: "100%",
-          height: "100%"
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          width: '100%',
+          height: '100%'
         },
         onClick: function onClick() {
-          if (item.IsClickableimg == "Yes") {
+          if (item.IsClickableimg == 'Yes') {
             if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
-              routingcountext(item.clickableimg_page_route, false, "");
+              routingcountext(item.clickableimg_page_route, false, '');
             } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickableimg_getcoection);
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
             }
           }
         }
       }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: langdetect != "ar" ? "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_h + "/" + item.bgsection_image : "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_h + "/" + item.bgsection_image_ar,
+        path: langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.bgsection_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.bgsection_image_ar,
         style: {
-          cursor: item.IsClickableimg == "Yes" ? "pointer" : "default",
-          objectFit: "contain",
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          objectFit: 'contain',
           margin: 0,
           padding: 0,
-          width: "100%",
-          height: "100%",
-          borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-          borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-          borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-          borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px"
+          width: '100%',
+          height: '100%',
+          borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+          borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": " p-0 align-items-center d-none d-md-flex ",
+        "class": ' p-0 align-items-center d-none d-md-flex ',
         key: index,
         style: {
-          cursor: item.IsClickableimg == "Yes" ? "pointer" : "default",
-          width: "100%",
-          height: "100%"
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          width: '100%',
+          height: '100%'
         },
         onClick: function onClick() {
-          if (item.IsClickableimg == "Yes") {
+          if (item.IsClickableimg == 'Yes') {
             if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
-              routingcountext(item.clickableimg_page_route, false, "");
+              routingcountext(item.clickableimg_page_route, false, '');
             } else {
-              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + item.Clickableimg_getcoection);
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
             }
           }
         }
       }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: langdetect != "ar" ? "/tr:w-" + sectionproperties.imagetr_w_resp + ",h-" + sectionproperties.imagetr_h_resp + "/" + item.bgsection_imageresponsive : "/tr:w-" + sectionproperties.imagetr_w_resp + ",h-" + sectionproperties.imagetr_h_resp + "/" + item.bgsection_imageresponsive_ar,
+        path: langdetect != 'ar' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.bgsection_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.bgsection_imageresponsive_ar,
         style: {
-          cursor: item.IsClickableimg == "Yes" ? "pointer" : "default",
-          objectFit: "contain",
+          cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+          objectFit: 'contain',
           margin: 0,
           padding: 0,
-          width: "100%",
-          height: "100%",
-          borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-          borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-          borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-          borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px"
+          width: '100%',
+          height: '100%',
+          borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+          borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'
         }
       })));
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -75539,92 +75581,92 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
       "class": "col-lg-12 col-md-6 col-sm-6 p-0 mb-xl-3 mb-lg-3 pl-md-1 pl-sm-1 pr-md-1 pr-sm-1"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
-        position: "relative",
-        cursor: ((_arrayofobjectimageso = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso === void 0 ? void 0 : _arrayofobjectimageso.IsClickableimg) == "Yes" ? "pointer" : "default"
+        position: 'relative',
+        cursor: ((_arrayofobjectimageso = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso === void 0 ? void 0 : _arrayofobjectimageso.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
       },
       onClick: function onClick() {
-        if (arrayofobjectimagesonly2[0].IsClickableimg == "Yes") {
+        if (arrayofobjectimagesonly2[0].IsClickableimg == 'Yes') {
           if (arrayofobjectimagesonly2[0].clickableimg_page_route != undefined && arrayofobjectimagesonly2[0].clickableimg_page_route.length != 0) {
             // routingcountext(arrayofobjectimagesonly2[0].clickableimg_page_route, false, '');
-            window.open(arrayofobjectimagesonly2[0].clickableimg_page_route, "_blank");
+            window.open(arrayofobjectimagesonly2[0].clickableimg_page_route, '_blank');
           } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + arrayofobjectimagesonly2[0].Clickableimg_getcoection2);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + arrayofobjectimagesonly2[0].Clickableimg_getcoection2);
           }
         }
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: arrayofobjectimagesonly2.length != 0 ? langdetect != "ar" ? (_arrayofobjectimageso2 = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso2 === void 0 ? void 0 : _arrayofobjectimageso2.bgsection_image2 : (_arrayofobjectimageso3 = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso3 === void 0 ? void 0 : _arrayofobjectimageso3.bgsection_image_ar2 : "",
+      path: arrayofobjectimagesonly2.length != 0 ? langdetect != 'ar' ? (_arrayofobjectimageso2 = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso2 === void 0 ? void 0 : _arrayofobjectimageso2.bgsection_image2 : (_arrayofobjectimageso3 = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso3 === void 0 ? void 0 : _arrayofobjectimageso3.bgsection_image_ar2 : '',
       style: {
-        height: "100%",
-        width: "100%",
-        objectFit: "contain",
-        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
-        borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
-        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
-        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
+        height: '100%',
+        width: '100%',
+        objectFit: 'contain',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
       }
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 col-md-6 col-sm-6 p-0 mb-xl-3 mb-lg-3 pl-md-1 pl-sm-1 pr-md-1 pr-sm-1"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
-        position: "relative",
-        cursor: ((_arrayofobjectimageso4 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso4 === void 0 ? void 0 : _arrayofobjectimageso4.IsClickableimg) == "Yes" ? "pointer" : "default"
+        position: 'relative',
+        cursor: ((_arrayofobjectimageso4 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso4 === void 0 ? void 0 : _arrayofobjectimageso4.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
       },
       onClick: function onClick() {
-        if (arrayofobjectimagesonly2[1].IsClickableimg == "Yes") {
+        if (arrayofobjectimagesonly2[1].IsClickableimg == 'Yes') {
           if (arrayofobjectimagesonly2[1].clickableimg_page_route != undefined && arrayofobjectimagesonly2[1].clickableimg_page_route.length != 0) {
             // routingcountext(arrayofobjectimagesonly2[1].clickableimg_page_route, false, '');
-            window.open(arrayofobjectimagesonly2[1].clickableimg_page_route, "_blank");
+            window.open(arrayofobjectimagesonly2[1].clickableimg_page_route, '_blank');
           } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, "collections/" + arrayofobjectimagesonly2[1].Clickableimg_getcoection2);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + arrayofobjectimagesonly2[1].Clickableimg_getcoection2);
           }
         }
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: arrayofobjectimagesonly2.length != 0 ? langdetect != "ar" ? (_arrayofobjectimageso5 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso5 === void 0 ? void 0 : _arrayofobjectimageso5.bgsection_image2 : (_arrayofobjectimageso6 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso6 === void 0 ? void 0 : _arrayofobjectimageso6.bgsection_image_ar2 : "",
+      path: arrayofobjectimagesonly2.length != 0 ? langdetect != 'ar' ? (_arrayofobjectimageso5 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso5 === void 0 ? void 0 : _arrayofobjectimageso5.bgsection_image2 : (_arrayofobjectimageso6 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso6 === void 0 ? void 0 : _arrayofobjectimageso6.bgsection_image_ar2 : '',
       style: {
-        height: "100%",
-        width: "100%",
-        objectFit: "contain",
-        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + "px",
-        borderTopRightRadius: sectionproperties.image_bordertoprightradius + "px",
-        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + "px",
-        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + "px"
+        height: '100%',
+        width: '100%',
+        objectFit: 'contain',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
       }
     })))))))));
   };
   return /*#__PURE__*/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 px-md-3" : "row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2",
+    "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 px-md-3' : '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 != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
+      paddingBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       background: sectionproperties.backgroundColor
     },
     onMouseEnter: function onMouseEnter() {
-      setChoosenindex("");
+      setChoosenindex('');
     }
   }, /*#__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"
+      paddingTop: sectionproperties.marginTop + 'px'
     },
     onMouseLeave: function onMouseLeave() {
-      setChoosenindex("");
+      setChoosenindex('');
     }
   }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-none d-md-flex",
     style: {
-      paddingTop: sectionproperties.marginTopResp + "px"
+      paddingTop: sectionproperties.marginTopResp + 'px'
     },
     onMouseLeave: function onMouseLeave() {
-      setChoosenindex("");
+      setChoosenindex('');
     }
   }, SlideshowContent())));
 };
@@ -75710,11 +75752,11 @@ function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Categorycard_details_onhover = function Categorycard_details_onhover(props) {
   var _authdetailsContext$i, _authdetailsContext$i2;
-  var _useState = React.useState(""),
+  var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
-  var _useState3 = React.useState(""),
+  var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     variantObj = _useState4[0];
     _useState4[1];
@@ -75733,11 +75775,11 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
   props.actions.NotificationManager;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var _useState7 = React.useState(""),
+  var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2);
     _useState8[0];
     _useState8[1];
-  var _useState9 = React.useState(""),
+  var _useState9 = React.useState(''),
     _useState0 = _slicedToArray__default["default"](_useState9, 2),
     Variant_Color_ImageObj = _useState0[0];
     _useState0[1];
@@ -75757,12 +75799,12 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   React.useEffect(function () {
-    var productImagetoBeSelected = "";
+    var productImagetoBeSelected = '';
     var Tempitem = _objectSpread$I({}, item);
     productImagetoBeSelected = item.productmainimage;
-    if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != "") {
+    if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
       var variatgalleryid = variantObj.variantgalleryid;
-      if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != "") {
+      if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != '') {
         var _item$productimages;
         item === null || item === void 0 || (_item$productimages = item.productimages) === null || _item$productimages === void 0 || _item$productimages.forEach(function (item, index) {
           if (item.galleryid == variatgalleryid) {
@@ -75775,12 +75817,12 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
     setitem(_objectSpread$I({}, Tempitem));
   }, [variantObj]);
   React.useEffect(function () {
-    var productImagetoBeSelected = "";
+    var productImagetoBeSelected = '';
     var Tempitem = _objectSpread$I({}, item);
     productImagetoBeSelected = item.productmainimage;
-    if (Variant_Color_ImageObj != undefined && Variant_Color_ImageObj != null && Object.keys(Variant_Color_ImageObj).length != 0 && Variant_Color_ImageObj != "") {
+    if (Variant_Color_ImageObj != undefined && Variant_Color_ImageObj != null && Object.keys(Variant_Color_ImageObj).length != 0 && Variant_Color_ImageObj != '') {
       var variatgalleryid = Variant_Color_ImageObj.variantgalleryid;
-      if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != "") {
+      if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != '') {
         var _item$productimages2;
         item === null || item === void 0 || (_item$productimages2 = item.productimages) === null || _item$productimages2 === void 0 || _item$productimages2.forEach(function (item, index) {
           if (item.galleryid == variatgalleryid) {
@@ -75794,137 +75836,137 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
   }, [Variant_Color_ImageObj]);
   var card_cssstyles = {
     innersection: glamor.css({
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + "px",
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + "px",
-      "@media (max-width: 800px)": {
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
+      '@media (max-width: 800px)': {
         paddingLeft: sectionproperties.innersectionpaddinghorizontal == 0 ? 0 : 5,
         paddingRight: sectionproperties.innersectionpaddinghorizontal == 0 ? 0 : 5
       }
     }),
     productcard: glamor.css({
-      minWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.width + "px",
-      maxWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.width + "px",
-      "@media (max-width: 800px)": {
-        minWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.widthresponsive + "px",
-        maxWidth: props.sectiontypeprops2 == "vertical" ? "100%" : sectionproperties.widthresponsive + "px"
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+        maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
     productcardimagecont: glamor.css({
-      position: "relative",
-      overflow: "hidden",
-      height: sectionproperties.image_height == 0 ? "auto" : sectionproperties.image_height + "px",
-      background: sectionproperties.image_bgtransparent == "Transparent" ? "" : sectionproperties.image_bgcolor,
-      border: sectionproperties.image_borderType == "All" ? sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor : 0,
-      borderBottom: sectionproperties.image_borderwidth + "px solid " + sectionproperties.image_bordercolor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.image_borderBottomLeftRadius + "px" : sectionproperties.image_borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.image_borderBottomRightRadius + "px" : sectionproperties.image_borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.image_bordertopleftradius + "px" : sectionproperties.image_bordertoprightradius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.image_bordertoprightradius + "px" : sectionproperties.image_bordertopleftradius + "px",
-      transition: ".3s",
-      "@media (max-width: 800px)": {
-        height: sectionproperties.height_responsive == 0 ? "auto" : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + "px" : sectionproperties.image_height + "px"
+      position: 'relative',
+      overflow: 'hidden',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
+      border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
+      borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      transition: '.3s',
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
       }
     }),
     productNameStyles: glamor.css({
       color: sectionproperties.prodNameColor,
-      fontSize: sectionproperties.prodNameFontSize + "px",
+      fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
       fontWeight: sectionproperties.prodNameFontWeight,
-      transition: ".3s",
-      cursor: "pointer",
-      ":hover": {
+      transition: '.3s',
+      cursor: 'pointer',
+      ':hover': {
         color: sectionproperties.prodNameColorOnHover
       }
     }),
     cart_btn: glamor.css({
-      width: sectionproperties.cartBtnWidth == 0 ? "auto" : sectionproperties.cartBtnWidth + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: sectionproperties.cartbtn_bgtransparent == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColor,
-      borderRadius: "0px",
-      color: "white",
-      fontSize: "14px",
+      width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      borderRadius: '0px',
+      color: 'white',
+      fontSize: '14px',
       // textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: 400,
-      border: sectionproperties.cartbtnborderwidth + "px solid " + sectionproperties.cartbtnbordercolor,
-      transition: ".3s",
-      textDecoration: sectionproperties.cartbtntextdecoration == "Underline" ? "underline" : "none",
-      ":hover": {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == "Transparent" ? "transparent" : sectionproperties.cartBtnbgColoronhover,
-        color: "white",
+      border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        color: 'white',
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     outstockbadge: glamor.css({
-      width: sectionproperties.outstock_width + "px",
-      height: sectionproperties.outstock_height + "px",
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
       background: sectionproperties.outstock_bg,
       color: sectionproperties.outstock_color,
-      fontSize: sectionproperties.outstock_fontSize + "px",
-      borderRadius: sectionproperties.outstock_borderradius + "px",
-      position: "absolute",
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
       zIndex: 2,
       top: 0,
       bottom: 0,
       left: 0,
       right: 0,
-      margin: "auto"
+      margin: 'auto'
     }),
     profitcontainer: glamor.css({
-      width: sectionproperties.profitcontainerwidth + "%",
-      height: sectionproperties.profitcontainerheight + "px",
+      width: sectionproperties.profitcontainerwidth + '%',
+      height: sectionproperties.profitcontainerheight + 'px',
       background: sectionproperties.profitcontainerbgcolor,
-      border: sectionproperties.profitcontainerborderwidth + "px solid" + sectionproperties.profitcontainerbordercolor,
-      borderRadius: sectionproperties.profitcontainerborderradius + "px",
+      border: sectionproperties.profitcontainerborderwidth + 'px solid' + sectionproperties.profitcontainerbordercolor,
+      borderRadius: sectionproperties.profitcontainerborderradius + 'px',
       color: sectionproperties.profitcontainercolor,
-      "@media (max-width: 800px)": {
-        width: "100%"
+      '@media (max-width: 800px)': {
+        width: '100%'
       }
     }),
     productDescStyles: glamor.css({
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px",
+      fontSize: sectionproperties.prodCatFontSize + 'px',
       fontWeight: sectionproperties.prodCatFontWeight
     }),
     pinfohover: glamor.css({
       opacity: 0,
-      background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == "6807d313bae63" ? "rgb(238,75,36,0.9)" : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == "67d6bda67adf6" ? "rgb(5,35,61,0.7)" : sectionproperties.backgroundColor,
-      position: "absolute",
+      background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '6807d313bae63' ? 'rgb(238,75,36,0.9)' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '67d6bda67adf6' ? 'rgb(5,35,61,0.7)' : sectionproperties.backgroundColor,
+      position: 'absolute',
       top: 0,
-      transition: ".3s"
+      transition: '.3s'
     }),
     icontainer: glamor.css({
-      ":hover .pinfohover": {
+      ':hover .pinfohover': {
         opacity: 1,
-        transition: ".3s"
+        transition: '.3s'
       }
     }),
     cardconttt: glamor.css({
-      background: sectionproperties.backgroundColortransparent == "Transparent" ? "transparent" : sectionproperties.backgroundColor,
-      borderBottomLeftRadius: langdetect != "ar" ? sectionproperties.borderBottomLeftRadius + "px" : sectionproperties.borderBottomRightRadius + "px",
-      borderBottomRightRadius: langdetect != "ar" ? sectionproperties.borderBottomRightRadius + "px" : sectionproperties.borderBottomLeftRadius + "px",
-      borderTopLeftRadius: langdetect != "ar" ? sectionproperties.borderTopLeftRadius + "px" : sectionproperties.borderTopRightRadius + "px",
-      borderTopRightRadius: langdetect != "ar" ? sectionproperties.borderTopRightRadius + "px" : sectionproperties.borderTopLeftRadius + "px",
-      marginTop: sectionproperties.marginTop + "px",
-      marginBottom: sectionproperties.marginBottom + "px",
-      border: sectionproperties.sectioncardborderwidth + "px solid " + sectionproperties.sectioncardbordercolor,
-      paddingTop: sectionproperties.paddingTop + "px",
-      paddingBottom: sectionproperties.paddingBottom + "px",
-      paddingLeft: langdetect != "ar" ? sectionproperties.paddingLeft + "px" : sectionproperties.paddingRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.paddingRight + "px" : sectionproperties.paddingLeft + "px",
-      transition: ".3s",
-      ":hover": {
-        backgroundColor: sectionproperties.backgroundColortransparent != "Transparent" && sectionproperties.backgroundColor == "#ffffff" ? "rgba(250,250,250," + sectionproperties.bgopacityonhover + ")" : 1,
+      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+      borderBottomLeftRadius: langdetect != 'ar' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect != 'ar' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect != 'ar' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect != 'ar' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      paddingLeft: langdetect != 'ar' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      transition: '.3s',
+      ':hover': {
+        backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
         transition: 0.3,
-        boxShadow: "0 0 10px " + sectionproperties.sectioncardshadowcoloronhover
+        boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
       }
     }),
     sku: glamor.css({
-      fontSize: sectionproperties.skuFontSize + "px",
+      fontSize: sectionproperties.skuFontSize + 'px',
       color: sectionproperties.skuColor,
       fontWeight: sectionproperties.skuFontWeight
     })
   };
-  var _useState1 = React.useState(""),
+  var _useState1 = React.useState(''),
     _useState10 = _slicedToArray__default["default"](_useState1, 2),
     secondimage = _useState10[0],
     setsecondimage = _useState10[1];
@@ -75968,35 +76010,35 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
 
   var Image = function Image(type) {
     var transition = false;
-    if (sectionproperties.hideshowcardtransition == "Show" && type != "responsive") {
+    if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
       transition = true;
     }
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "w-100 cursor-pointer",
       style: {
-        position: "relative"
+        position: 'relative'
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      "class": transition ? cardstyles$8.intialimage : "",
+      "class": transition ? cardstyles$8.intialimage : '',
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_h + "/" + item.image,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
       loading: "lazy",
       style: {
-        width: sectionproperties.imageInnerWidth_Height + "%",
-        height: sectionproperties.imageInnerWidth_Height + "%",
-        objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain"
+        width: sectionproperties.imageInnerWidth_Height + '%',
+        height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
       }
     }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       "class": cardstyles$8.secondaryimage,
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: "/tr:w-" + sectionproperties.imagetr_w + ",h-" + sectionproperties.imagetr_h + "/" + secondimage,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + secondimage,
       loading: "lazy",
       style: {
-        width: sectionproperties.imageInnerWidth_Height + "%",
-        height: sectionproperties.imageInnerWidth_Height + "%",
-        objectFit: sectionproperties.bgcovercontain == "Cover" ? "cover" : "contain"
+        width: sectionproperties.imageInnerWidth_Height + '%',
+        height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
       }
     }));
   };
@@ -76011,11 +76053,11 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
     });
 
     // Check if it's the second click
-    if (sectionproperties.hideshowcardtransition == "Show") {
+    if (sectionproperties.hideshowcardtransition == 'Show') {
       if (clickCount === 1) {
         // Do whatever you want on the second click
         var productidtobesend = null;
-        if (sectionproperties.urlwithproductname == "Yes") {
+        if (sectionproperties.urlwithproductname == 'Yes') {
           productidtobesend = item.productendpointurl;
         } else {
           productidtobesend = item.productid;
@@ -76024,7 +76066,7 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
       }
     } else {
       var productidtobesend = null;
-      if (sectionproperties.urlwithproductname == "Yes") {
+      if (sectionproperties.urlwithproductname == 'Yes') {
         productidtobesend = item.productendpointurl;
       } else {
         productidtobesend = item.productid;
@@ -76033,30 +76075,30 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
     }
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": props.sectiontypeprops2 == "vertical" ? sectionproperties.card_marginLeft == 0 && sectionproperties.card_marginRight == 0 ? "".concat(card_cssstyles.productcard) + " w-100 " : "".concat(card_cssstyles.productcard) + " w-100 px-md-1 " : " ".concat(card_cssstyles.productcard),
+    "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.card_marginLeft == 0 && sectionproperties.card_marginRight == 0 ? "".concat(card_cssstyles.productcard) + ' w-100 ' : "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
-      paddingLeft: langdetect != "ar" ? sectionproperties.card_marginLeft + "px" : sectionproperties.card_marginRight + "px",
-      paddingRight: langdetect != "ar" ? sectionproperties.card_marginRight + "px" : sectionproperties.card_marginLeft + "px"
+      paddingLeft: langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": card_cssstyles.cardconttt + " cursor-pointer w-100 ",
+    "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": card_cssstyles.icontainer + " w-100 ",
+    "class": card_cssstyles.icontainer + ' w-100 ',
     style: {
-      position: "relative"
+      position: 'relative'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == "Show" ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + " d-flex d-md-none " : " ".concat(card_cssstyles.productcardimagecont, " ") + " d-flex d-md-none ",
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
     style: {
-      marginBottom: sectionproperties.image_mb + "px"
+      marginBottom: sectionproperties.image_mb + 'px'
     },
     onClick: function onClick(e) {
       var _sectionproperties$se;
-      if (((_sectionproperties$se = sectionproperties.sectionproperties) === null || _sectionproperties$se === void 0 ? void 0 : _sectionproperties$se.onClickRoute) == "None") ; else {
+      if (((_sectionproperties$se = sectionproperties.sectionproperties) === null || _sectionproperties$se === void 0 ? void 0 : _sectionproperties$se.onClickRoute) == 'None') ; else {
         e.stopPropagation();
         var productidtobesend = null;
-        if (sectionproperties.urlwithproductname == "Yes") {
+        if (sectionproperties.urlwithproductname == 'Yes') {
           productidtobesend = item.productendpointurl;
         } else {
           productidtobesend = item.productid;
@@ -76064,24 +76106,24 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
         cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
       }
     }
-  }, Image("normal")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == "Show" ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + " d-none d-md-flex " : " ".concat(card_cssstyles.productcardimagecont, " ") + " d-none d-md-flex ",
+  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + ' d-none d-md-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-none d-md-flex ',
     style: {
-      marginBottom: sectionproperties.image_mb + "px"
+      marginBottom: sectionproperties.image_mb + 'px'
     },
     onClick: function onClick(e) {
-      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == "None") ; else {
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
         handleClick();
       }
     }
-  }, Image("normal")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": card_cssstyles.pinfohover + " row m-0 w-100 pinfohover h-100 d-flex align-items-center ",
+  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": card_cssstyles.pinfohover + ' row m-0 w-100 pinfohover h-100 d-flex align-items-center ',
     onClick: function onClick(e) {
       var _sectionproperties$se2;
-      if (((_sectionproperties$se2 = sectionproperties.sectionproperties) === null || _sectionproperties$se2 === void 0 ? void 0 : _sectionproperties$se2.onClickRoute) == "None") ; else {
+      if (((_sectionproperties$se2 = sectionproperties.sectionproperties) === null || _sectionproperties$se2 === void 0 ? void 0 : _sectionproperties$se2.onClickRoute) == 'None') ; else {
         e.stopPropagation();
         var productidtobesend = null;
-        if (sectionproperties.urlwithproductname == "Yes") {
+        if (sectionproperties.urlwithproductname == 'Yes') {
           productidtobesend = item.productendpointurl;
         } else {
           productidtobesend = item.productid;
@@ -76092,13 +76134,13 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 px-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 pl-0 pr-0  ",
+    "class": ' col-lg-12 pl-0 pr-0  ',
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     onClick: function onClick() {
-      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == "None") ; else {
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
         var productidtobesend = null;
-        if (sectionproperties.urlwithproductname == "Yes") {
+        if (sectionproperties.urlwithproductname == 'Yes') {
           productidtobesend = item.productendpointurl;
         } else {
           productidtobesend = item.productid;
@@ -76106,31 +76148,31 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
         cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
       }
     },
-    "class": sectionproperties.wordbreak == "1" ? "".concat(card_cssstyles.productNameStyles) + "  wordbreak wordbreak1 font-md-13 m-0 " : "".concat(card_cssstyles.productNameStyles) + "  wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ",
+    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 font-md-13 m-0 ' : "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
     style: {
-      textAlign: sectionproperties.productnamecentered == "Centered" ? "center" : langdetect != "ar" ? "left" : "right"
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
     }
   }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 p-0 ",
+    "class": ' col-lg-12 p-0 ',
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": sectionproperties.descriptionwordbreak == "None" ? "".concat(card_cssstyles.productDescStyles) + " p-0  mt-1 " : "".concat(card_cssstyles.productDescStyles) + " p-0 wordbreak wordbreak4 mt-1 ",
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' p-0  mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' p-0 wordbreak wordbreak4 mt-1 ',
     style: {
-      textAlign: sectionproperties.productnamecentered == "Centered" ? "center" : langdetect != "ar" ? "left" : "right"
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
       __html: item.shortdescription
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 p-0 "
+    "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.cart_btn) + " m-0 p-0 d-flex align-items-center justify-content-start mt-1 ",
+    "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-start mt-1 ',
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "w-100 allcentered"
-  }, langdetect === "ar" ? sectionproperties.cartBtnContentarabic : langdetect === "chin" ? sectionproperties.cartBtnContentchin : langdetect === "es" ? sectionproperties.cartBtnContentspanish : langdetect === "fr" ? sectionproperties.cartBtnContentfrench : langdetect === "rus" ? sectionproperties.cartBtnContentrussian : sectionproperties.cartBtnContentenglish))))))));
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : langdetect == 'ar' ? sectionproperties.cartBtnContentarabic : sectionproperties["cartBtnContent".concat(langdetect)] || sectionproperties.cartBtnContentenglish))))))));
 };
 
 var css_248z$e = "\r\n@media (max-width: 576px) {\r\n    .generalCardsStyles-module_productcard__3PgiR {\r\n        max-width: 280px !important;\r\n        min-width: 280px !important;\r\n    }\r\n    .generalCardsStyles-module_Simpleproductcard__GhVP7 {\r\n        max-width: 250px !important;\r\n        min-width: 250px !important;\r\n    }\r\n    .generalCardsStyles-module_ClassicCategoryCard__UWO1a{\r\n        max-width: 330px !important;\r\n        min-width: 330px !important;\r\n    }\r\n    .generalCardsStyles-module_newproductcard__ATddn{\r\n        max-width: 330px !important;\r\n        min-width: 330px !important;\r\n    }\r\n}\r\n@-webkit-keyframes generalCardsStyles-module_fadeIn__xhIy3 {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n@keyframes generalCardsStyles-module_fadeIn__xhIy3 {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n    to {\r\n        opacity: 1 !important;\r\n    }\r\n}\r\n\r\n.generalCardsStyles-module_imagecontainer__9bhlL {\r\n    transition: all 0.4s !important;\r\n    position: relative !important;\r\n}\r\n.generalCardsStyles-module_intialimage__JUCyy {\r\n    visibility: visible !important;\r\n    opacity: 1 !important;\r\n    transition: visibility 0.4s, opacity 0.4s linear !important;\r\n\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n}\r\n.generalCardsStyles-module_secondaryimage__FrA62 {\r\n    visibility: hidden !important;\r\n\r\n    opacity: 0 !important;\r\n    transition: visibility 0.4s, opacity 0.4s linear !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n}\r\n\r\n.generalCardsStyles-module_imagecontainer__9bhlL:hover .generalCardsStyles-module_intialimage__JUCyy {\r\n    visibility: hidden !important;\r\n\r\n    opacity: 0 !important;\r\n    transition: visibility 0.4s, opacity 0.4s linear !important;\r\n\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n}\r\n.generalCardsStyles-module_imagecontainer__9bhlL:hover .generalCardsStyles-module_secondaryimage__FrA62 {\r\n    visibility: visible !important;\r\n\r\n    opacity: 1 !important;\r\n    transition: visibility 0.4s, opacity 0.4s linear !important;\r\n\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n}";