tabexseriescomponents 0.0.612 → 0.0.614

package/dist/index.cjs.js

@@ -8295,7 +8295,7 @@ var Ordershistory = function Ordershistory(props) {
       style: {
         backgroundColor: item.instorderstatus != null ? item.instorderstatus.statuscolor : 'orange'
       }
-    }, item.instorderstatus != null ? item.instorderstatus.orderstatusname_en : lang.inprogress))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
+    }, item.instorderstatus != null ? langdetect == 'en' ? item.instorderstatus.orderstatusname_en : item.instorderstatus.orderstatusname_ar : langdetect == 'en' ? 'In Progress' : 'جاري'))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
       className: "text-center",
       style: {
         minWidth: '200px'
@@ -8396,7 +8396,7 @@ var Ordershistory = function Ordershistory(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       color: 'orange'
     }
-  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : lang.inprogress)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? langdetect == 'en' ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_ar : lang.inprogress)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-2 mb-3"
@@ -17364,41 +17364,37 @@ var CardsSection = function CardsSection(props) {
   props.actions.setsortbycontext;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    showShowMoreButon = _useState2[0],
-    setshowShowMoreButon = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    openFilterSlider = _useState4[0],
-    setopenFilterSlider = _useState4[1];
+    openFilterSlider = _useState2[0],
+    setopenFilterSlider = _useState2[1];
   var actions = props.actions;
-  var _useState5 = React.useState(''),
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
-  var _useState7 = React.useState([]),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    cardsarray = _useState8[0],
-    setcardsarray = _useState8[1];
-  var _useState9 = React.useState(''),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    sectionitem = _useState10[0],
-    setsectionitem = _useState10[1];
-  var _useState11 = React.useState({
+    sectionitem = _useState8[0],
+    setsectionitem = _useState8[1];
+  var _useState9 = React.useState({
       productfetchingtype: 'Random',
       collectionid: '',
       grouptype: ''
     }),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = React.useState([]),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    ProductsFetchingTypeSectionObj = _useState12[0],
-    setProductsFetchingTypeSectionObj = _useState12[1];
-  var _useState13 = React.useState([]),
+    maincontainerarrayofobjs = _useState12[0],
+    setmaincontainerarrayofobjs = _useState12[1];
+  var _useState13 = React.useState(12),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    maincontainerarrayofobjs = _useState14[0],
-    setmaincontainerarrayofobjs = _useState14[1];
-  var _useState15 = React.useState(12),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    perpageItems = _useState16[0],
-    setperpageItems = _useState16[1];
+    perpageItems = _useState14[0],
+    setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   React.useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
@@ -17446,11 +17442,6 @@ var CardsSection = function CardsSection(props) {
       }
     });
   }, [StatePagePropertiesContext]);
-  React.useEffect(function () {
-    setTimeout(function () {
-      setshowShowMoreButon(true);
-    }, 500);
-  }, []);
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
       if (cardsarray.length == 0) {
@@ -17857,15 +17848,13 @@ var CardsSection = function CardsSection(props) {
   }
   var section_cssstyles = {
     sectioncontainerr: glamor.css({
-      // width: sectionproperties.width + 'vw',
-
+      width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
-        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
-        // width: sectionproperties.widthresponsive + 'vw',
+        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
+        width: sectionproperties.widthresponsive + 'vw'
       }
     }),
-
     innercardssection: glamor.css({
       paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -18206,7 +18195,7 @@ var CardsSection = function CardsSection(props) {
         marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
         marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
       }
-    }, SectionTitle()), showShowMoreButon && sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
@@ -18277,7 +18266,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
-    }, showShowMoreButon && sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
@@ -18506,6 +18495,8 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+              } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
+                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
               }
@@ -18536,6 +18527,8 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
                 bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+              } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
+                bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
                 bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0';
               }
@@ -18566,6 +18559,8 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
                 bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+              } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
+                bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
                 bootstapclass = ' col-xl-4 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
@@ -18594,6 +18589,8 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+              } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
+                bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
                 bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
@@ -18621,6 +18618,8 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
+              } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
+                bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
@@ -18651,6 +18650,8 @@ var CardsSection = function CardsSection(props) {
                 bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
                 bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+              } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
+                bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
                 bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
@@ -18697,7 +18698,7 @@ var CardsSection = function CardsSection(props) {
           }))));
         }
       }
-    })), showShowMoreButon && sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 allcentered"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
@@ -28254,6 +28255,18 @@ var CTAHeader = function CTAHeader(props) {
         "class": "".concat(header_cssstyles.topbar_item_text)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    authdetailsContext: authdetailsContext,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '30px',
+      paddingRightprops: '30px',
+      subheadercontentpositionprops: 'center'
+    },
+    actions: actions
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
   }, sectionproperties.generalbtn_show == 'Show' && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("button", {
@@ -44319,7 +44332,7 @@ var Footer4 = function Footer4(props) {
 function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer5 = function Footer5(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i22, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i31, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i40;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i31, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i40, _authdetailsContext$i43;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -44721,13 +44734,26 @@ var Footer5 = function Footer5(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: sectionproperties.youtubebtniconfontsize
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
       var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.telegramlink) != null) {
         var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.youtubelink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.telegramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
+    size: sectionproperties.instgrambtniconfontsize
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
+    onClick: function onClick() {
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.tiktoklink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -44753,11 +44779,11 @@ var Footer5 = function Footer5(props) {
     size: 20
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: ' p-0 m-0 wordbreak '
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.address_en)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-3 storeinfotext cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.contactinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.email), '_self');
+      var _authdetailsContext$i24;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 || (_authdetailsContext$i24 = _authdetailsContext$i24.contactinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex justify-content-center align-items-center"
@@ -44766,7 +44792,7 @@ var Footer5 = function Footer5(props) {
     size: 20
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: ' p-0 m-0 wordbreak text-transform-none storeinfotext '
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.contactinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 || (_authdetailsContext$i25 = _authdetailsContext$i25.contactinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(footerStyles.footerinformationstyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start justify-content-md-center align-items-center mb-md-3 storeinfotext ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
@@ -44821,8 +44847,8 @@ var Footer5 = function Footer5(props) {
     "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i23;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i26;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_appstore, '_blank');
     },
     style: {
       width: '80%',
@@ -44834,8 +44860,8 @@ var Footer5 = function Footer5(props) {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i24;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i27;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
     },
     style: {
       width: '80%',
@@ -44848,78 +44874,78 @@ var Footer5 = function Footer5(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 allcentered"
-  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.facebook_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.facebook_btn) + ' allcentered ml-3 ml-sm-4 ',
     onClick: function onClick() {
-      var _authdetailsContext$i26;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.facebooklink) != null) {
-        var _authdetailsContext$i27;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.facebooklink, '_blank');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.facebooklink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
     size: sectionproperties.facebkbtnniconfontsize
-  }))), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.instgram_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.instgram_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
-      var _authdetailsContext$i29;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instagramlink) != null) {
-        var _authdetailsContext$i30;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instagramlink, '_blank');
+      var _authdetailsContext$i32;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instagramlink) != null) {
+        var _authdetailsContext$i33;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
     size: sectionproperties.instgrambtniconfontsize
-  }))), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
-      var _authdetailsContext$i32;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.whatsappnumber) != null) {
-        var _authdetailsContext$i33;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.whatsappnumber), '_blank');
+      var _authdetailsContext$i35;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.whatsappnumber) != null) {
+        var _authdetailsContext$i36;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
-      var _authdetailsContext$i35;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.linkedinlink) != null) {
-        var _authdetailsContext$i36;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.linkedinlink, '_blank');
+      var _authdetailsContext$i38;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.linkedinlink) != null) {
+        var _authdetailsContext$i39;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.linkedinlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
     size: sectionproperties.instgrambtniconfontsize
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
-      var _authdetailsContext$i38;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.tiktoklink) != null) {
-        var _authdetailsContext$i39;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.tiktoklink, '_blank');
+      var _authdetailsContext$i41;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.tiktoklink) != null) {
+        var _authdetailsContext$i42;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: sectionproperties.instgrambtniconfontsize
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
-      var _authdetailsContext$i41;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.tiktoklink) != null) {
-        var _authdetailsContext$i42;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.youtubelink, '_blank');
+      var _authdetailsContext$i44;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.tiktoklink) != null) {
+        var _authdetailsContext$i45;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i45 = authdetailsContext.instinfo) === null || _authdetailsContext$i45 === void 0 ? void 0 : _authdetailsContext$i45.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -59616,7 +59642,640 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginBottom: sectionproperties.marginBottom + 'px',
       background: sectionproperties.backgroundColor
     }
+  }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      width: sectionproperties.width + 'vw',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class":
+    // sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 '
+    //     : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between '
+    //     : sectionproperties.paddingLeft != 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 px-md-3 '
+    //     : sectionproperties.paddingRight != 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 px-md-3 '
+    //     : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between '
+    sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between px-md-0 ' : sectionproperties.paddingLeft != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between px-md-0 ',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      // paddingTop: sectionproperties.paddingTop + 'px',
+      // paddingBottom: sectionproperties.paddingBottom + 'px',
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
+    }
+  }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-between",
+    style: {
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    style: {
+      background: sectionproperties.reservation_bgcolor,
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, SectionDescription()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+    }
+  }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "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 : 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'
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i9;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null) {
+          var _authdetailsContext$i10;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink, false, '');
+      } else {
+        window.open(sectionproperties.btnlink, '_blank');
+      }
+    },
+    style: {
+      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      display: sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' ? 'none' : 'flex'
+    }
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i11;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink) != null) {
+        var _authdetailsContext$i12;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
+        var _authdetailsContext$i16;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  }))))), sectionproperties.image_show == 'show' && Image())), sectionproperties.sectionstyleresponsive == 'Image below text' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-md-flex justify-content-between"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-between",
+    style: {
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    style: {
+      background: sectionproperties.reservation_bgcolor,
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, SectionDescription()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+    }
+  }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "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 : 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'
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i17;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
+          var _authdetailsContext$i18;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink, false, '');
+      } else {
+        window.open(sectionproperties.btnlink, '_blank');
+      }
+    },
+    style: {
+      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      display: sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' ? 'none' : 'flex'
+    }
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i19;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
+        var _authdetailsContext$i20;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i23;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
+        var _authdetailsContext$i24;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  }))))), sectionproperties.image_show == 'show' && Image())), sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-between",
+    style: {
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
+  }, sectionproperties.image_show == 'show' && Image(), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    style: {
+      background: sectionproperties.reservation_bgcolor,
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, SectionDescription()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+    }
+  }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "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 : 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'
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i25;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
+          var _authdetailsContext$i26;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink, false, '');
+      } else {
+        window.open(sectionproperties.btnlink, '_blank');
+      }
+    },
+    style: {
+      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      display: sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' ? 'none' : 'flex'
+    }
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i27;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.facebooklink) != null) {
+        var _authdetailsContext$i28;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instagramlink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i31;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.whatsappnumber) != null) {
+        var _authdetailsContext$i32;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.whatsappnumber), '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  }))))))), sectionproperties.sectionstyleresponsive == 'Image above text' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-md-flex justify-content-between"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-between",
+    style: {
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
+  }, sectionproperties.image_show == 'show' && Image(), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    style: {
+      background: sectionproperties.reservation_bgcolor,
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex justify-content-md-center',
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+      backgroundColor: sectionproperties.sectiontitlebgcolor,
+      borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+      paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+      paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+      paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+      marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
+    }
+  }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, SectionDescription()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+    style: {
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+    }
+  }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+    style: {
+      justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+      marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "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 : 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'
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i33;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.whatsappnumber) != null) {
+          var _authdetailsContext$i34;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink, false, '');
+      } else {
+        window.open(sectionproperties.btnlink, '_blank');
+      }
+    },
+    style: {
+      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
+    style: {
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      display: sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' ? 'none' : 'flex'
+    }
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i35;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.facebooklink) != null) {
+        var _authdetailsContext$i36;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i37;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.instagramlink) != null) {
+        var _authdetailsContext$i38;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i39;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.whatsappnumber) != null) {
+        var _authdetailsContext$i40;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.whatsappnumber), '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  }))))))))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? section_styles.cont1 + ' d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : section_styles.cont1 + ' d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 mx-auto ' : sectionproperties.width != 100 ? section_styles.cont1 + ' d-flex justify-content-between align-items-center mx-auto ' : section_styles.cont1 + ' d-flex justify-content-between align-items-center mx-auto ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
@@ -70058,7 +70717,6 @@ var Classiccategorycard = function Classiccategorycard(props) {
 function ownKeys$m(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$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Horizontalcard = function Horizontalcard(props) {
-  var _ref;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -70189,6 +70847,20 @@ var Horizontalcard = function Horizontalcard(props) {
       left: 0,
       right: 0,
       margin: 'auto'
+    }),
+    imagecont: glamor.css({
+      width: '100%',
+      height: sectionproperties.image_height + 'px',
+      cursor: 'pointer',
+      position: 'relative',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      background: sectionproperties.image_bgcolor,
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive + 'px'
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -70210,21 +70882,11 @@ var Horizontalcard = function Horizontalcard(props) {
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.numberOfColsvertical == '1' ? 'col-lg-2 col-md-3 col-sm-3 p-0 h-100' : 'col-lg-4 col-md-4 col-sm-4 p-0 h-100'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex d-md-none",
+    "class": card_cssstyles.imagecont + ' d-flex allcentered ',
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    style: {
-      width: '100%',
-      height: sectionproperties.image_height + 'px',
-      cursor: 'pointer',
-      position: 'relative',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      background: sectionproperties.image_bgcolor
-    }
+    style: {}
   }, /*#__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,
@@ -70245,33 +70907,7 @@ var Horizontalcard = function Horizontalcard(props) {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-none d-md-flex",
-    onClick: function onClick() {
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-    },
-    style: {
-      width: '100%',
-      height: sectionproperties.height_responsive + 'px',
-      cursor: 'pointer',
-      position: 'relative',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    style: (_ref = {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain',
-      marginBottom: 'auto'
-    }, _defineProperty__default["default"](_ref, "objectFit", sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'), _defineProperty__default["default"](_ref, "marginBottom", 'auto'), _defineProperty__default["default"](_ref, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), _defineProperty__default["default"](_ref, "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), _defineProperty__default["default"](_ref, "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), _defineProperty__default["default"](_ref, "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), _ref),
-    loading: "lazy"
-  })), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
     style: {
       position: 'absolute',