tabexseriescomponents 0.0.652 → 0.0.655

package/dist/index.esm.js

@@ -2693,7 +2693,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       fontWeight: 400,
       color: sectionproperties.measurementunitcolor,
-      fontSize: sectionproperties.measurementunitcolor + 'px'
+      fontSize: sectionproperties.measurementunitfontsize + 'px'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 text-start"
@@ -2811,9 +2811,14 @@ var Product_itemtype = function Product_itemtype(props) {
     return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
       style: {
         textTransform: 'capitalize',
-        color: '#000'
+        color: '#000',
+        textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", null, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", {
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
   }))))), sectionproperties.defaultpricingposition == 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
     actions: props.actions
   }), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.short_description_en) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
@@ -3467,7 +3472,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "m-0"
-  })), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 p-md-0 mb-3"
   }, /*#__PURE__*/React.createElement(Accordion, {
     allowMultipleExpanded: true,
@@ -18142,11 +18147,12 @@ var CardsSection = function CardsSection(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center flex-row",
+      "class": "d-flex align-items-center",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_cssstyles.line_left
@@ -18161,6 +18167,13 @@ var CardsSection = function CardsSection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_cssstyles.line_right
+    }), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
+      style: {
+        width: '50%',
+        background: sectionproperties.linebgcolor,
+        height: 3,
+        borderRadius: 10
+      }
     }));
   };
   var isCardsectionloading = function isCardsectionloading() {
@@ -29838,7 +29851,7 @@ var Simpleheader = function Simpleheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' allcentered ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
@@ -29850,7 +29863,7 @@ var Simpleheader = function Simpleheader(props) {
       fontWeight: sectionproperties.userBtnTextfontweight,
       fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
     }
-  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
     className: header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -29929,7 +29942,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
   }, /*#__PURE__*/React.createElement(BiLogOutCircle, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ml-2 ' : " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center mr-2 ',
     sytle: {
       position: 'relative'
@@ -43049,7 +43062,7 @@ var Allinonefooter = function Allinonefooter(props) {
 function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer1 = function Footer1(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i14, _authdetailsContext$i15;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -43068,6 +43081,10 @@ var Footer1 = function Footer1(props) {
   var templateproperties_context = props.actions.templateproperties_context;
   var templatepropcontext = props.actions.templatepropcontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    newsletter = _useState6[0],
+    setnewsletter = _useState6[1];
   useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -43225,6 +43242,17 @@ var Footer1 = function Footer1(props) {
         maxWidth: '35%',
         height: 'auto'
       }
+    }),
+    btnn: css({
+      width: '150px',
+      height: 40,
+      borderRadius: 10,
+      background: '#C2A24D',
+      color: 'white',
+      ':hover': {
+        transition: '.3s',
+        background: '#186a81'
+      }
     })
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
@@ -43239,8 +43267,8 @@ var Footer1 = function Footer1(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
-  }, /*#__PURE__*/React.createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
+  }, sectionproperties.opencollapsible == 'Expanded' && /*#__PURE__*/React.createElement("footer", {
+    "class": "".concat(footerStyles.footerContainer) + ' px-sm-2 py-md-4 p-md-4 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row w-100 m-0 d-flex justify-content-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -43499,7 +43527,137 @@ var Footer1 = function Footer1(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))), sectionproperties.opencollapsible == 'Not Expanded' && /*#__PURE__*/React.createElement("footer", {
+    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 d-flex justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex flex-row align-items-center justify-content-start mb-3 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: '15px',
+      color: '#fff',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.description_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 flex-row text-start"
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _authdetailsContext$i16;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.facebooklink) != null) {
+        var _authdetailsContext$i17;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FaFacebook, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    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.instagramlink) != null) {
+        var _authdetailsContext$i19;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.instagramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _authdetailsContext$i20;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.whatsappnumber) != null) {
+        var _authdetailsContext$i21;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.whatsappnumber), '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
+    size: sectionproperties.youtubebtniconfontsize
+  }))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 mt-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 20,
+      color: 'white',
+      fontWeight: 600,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, "\u0627\u0644\u062A\u0633\u062C\u064A\u0644 \u0641\u064A \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062E\u0628\u0627\u0631\u064A\u0629")), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 15,
+      color: 'white',
+      fontWeight: 500,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, "\u0623\u062F\u062E\u0644 \u0628\u0631\u064A\u062F\u0643 \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u062A\u062D\u062F\u064A\u062B\u0627\u062A \u062F\u0648\u0631\u064A\u0629 \u062D\u0648\u0644 \u0627\u0644\u0645\u0624\u062A\u0645\u0631.")), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered mb-3 text-start p-0"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(footerStyles.form_control) + ' w-md-100 ',
+    value: event.target.value,
+    placeholder: "\u0627\u0644\u0628\u0631\u064A\u062F \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A",
+    onChange: function onChange(event) {
+      var newslettertemp = _objectSpread$1C({}, newsletter);
+      newslettertemp = event.target.value;
+      setnewsletter(_objectSpread$1C({}, newslettertemp));
+    },
+    style: {
+      background: 'white',
+      fontSize: 14,
+      color: '#000',
+      borderRadius: 10,
+      width: '50%',
+      height: 40,
+      paddingLeft: 20,
+      paddingRight: 20
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start mb-3 text-start p-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": footerStyles.btnn
+  }, "\u0627\u0634\u062A\u0631\u0643 \u0627\u0644\u0622\u0646")))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-3 '
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: sectionproperties.generaltext_fontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)))));
 };
 
 function ownKeys$1B(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; }
@@ -48060,9 +48218,8 @@ var Newsletterfooter = function Newsletterfooter(props) {
       display: window.location.pathname == '/home' && sectionproperties.showfooterinhome == 'Hide' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-md-100",
+    "class": "row m-0 w-100",
     style: {
-      width: sectionproperties.footerwidth + 'vw',
       position: 'relative',
       background: sectionproperties.footerbgcolor
     }
@@ -51404,8 +51561,10 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         var itemquantity = 0;
         if (langdetect == 'en') {
           cardobj.name = arrayItem.productinfo.name_en;
+          cardobj.name_en = arrayItem.productinfo.name_en;
         } else {
           cardobj.name = arrayItem.productinfo.name_ar;
+          cardobj.name_ar = arrayItem.productinfo.name_ar;
         }
         if (langdetect == 'en') {
           cardobj.description = arrayItem.productinfo.description_en;
@@ -51475,9 +51634,11 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
         if (langdetect == 'en') {
           cardobj.name = arrayItem.title_en;
+          cardobj.name_en = arrayItem.title_en;
           cardobj.description = arrayItem.description_en;
         } else if (langdetect == 'ar') {
-          cardobj.name = arrayItem.title_ar;
+          cardobj.name = arrayItem.title_en;
+          cardobj.name_ar = arrayItem.title_ar;
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.collectionlogo;
@@ -51488,9 +51649,11 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
         if (langdetect == 'en') {
           cardobj.name = arrayItem.title_en;
+          cardobj.name_en = arrayItem.title_en;
           cardobj.description = arrayItem.description_en;
         } else if (langdetect == 'ar') {
           cardobj.name = arrayItem.title_ar;
+          cardobj.name_ar = arrayItem.title_ar;
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.categorylogo;
@@ -51501,9 +51664,11 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
         if (langdetect == 'en') {
           cardobj.name = arrayItem.title_en;
+          cardobj.name_en = arrayItem.title_en;
           cardobj.description = arrayItem.description_en;
         } else if (langdetect == 'ar') {
           cardobj.name = arrayItem.title_ar;
+          cardobj.name_ar = arrayItem.title_ar;
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.parentcollectionlogo;
@@ -51628,7 +51793,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     })
   };
   var cardsrender = function cardsrender() {
-    var _cardsarray$2, _cardsarray$3, _cardsarray$5, _cardsarray$6, _cardsarray$8, _cardsarray$9, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15;
+    var _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20;
     return /*#__PURE__*/React.createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
@@ -51748,7 +51913,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$3 = cardsarray[0]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.name)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? (_cardsarray$3 = cardsarray[0]) === null || _cardsarray$3 === void 0 ? void 0 : _cardsarray$3.name_en : (_cardsarray$4 = cardsarray[0]) === null || _cardsarray$4 === void 0 ? void 0 : _cardsarray$4.name_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
@@ -51759,8 +51924,8 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
       onClick: function onClick() {
-        var _cardsarray$4;
-        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$4 = cardsarray[1]) === null || _cardsarray$4 === void 0 ? void 0 : _cardsarray$4.collectionid));
+        var _cardsarray$5;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$5 = cardsarray[1]) === null || _cardsarray$5 === void 0 ? void 0 : _cardsarray$5.collectionid));
       },
       style: {
         paddingLeft: sectionproperties.imagepadding + 'px',
@@ -51782,7 +51947,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: (_cardsarray$5 = cardsarray[1]) === null || _cardsarray$5 === void 0 ? void 0 : _cardsarray$5.image,
+      path: (_cardsarray$6 = cardsarray[1]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -51809,7 +51974,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$6 = cardsarray[1]) === null || _cardsarray$6 === void 0 ? void 0 : _cardsarray$6.name)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? (_cardsarray$7 = cardsarray[1]) === null || _cardsarray$7 === void 0 ? void 0 : _cardsarray$7.name_en : (_cardsarray$8 = cardsarray[1]) === null || _cardsarray$8 === void 0 ? void 0 : _cardsarray$8.name_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
@@ -51821,8 +51986,8 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
       },
       onClick: function onClick() {
-        var _cardsarray$7;
-        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$7 = cardsarray[2]) === null || _cardsarray$7 === void 0 ? void 0 : _cardsarray$7.collectionid));
+        var _cardsarray$9;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$9 = cardsarray[2]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.collectionid));
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100",
@@ -51839,7 +52004,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: (_cardsarray$8 = cardsarray[2]) === null || _cardsarray$8 === void 0 ? void 0 : _cardsarray$8.image,
+      path: (_cardsarray$10 = cardsarray[2]) === null || _cardsarray$10 === void 0 ? void 0 : _cardsarray$10.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -51866,15 +52031,15 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$9 = cardsarray[2]) === null || _cardsarray$9 === void 0 ? void 0 : _cardsarray$9.name)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? (_cardsarray$11 = cardsarray[2]) === null || _cardsarray$11 === void 0 ? void 0 : _cardsarray$11.name_en : (_cardsarray$12 = cardsarray[2]) === null || _cardsarray$12 === void 0 ? void 0 : _cardsarray$12.name_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-7 p-md-0  cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-7 p-md-0 mb-md-3 cursor-pointer ',
       onClick: function onClick() {
-        var _cardsarray$10;
-        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$10 = cardsarray[3]) === null || _cardsarray$10 === void 0 ? void 0 : _cardsarray$10.collectionid));
+        var _cardsarray$13;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$13 = cardsarray[3]) === null || _cardsarray$13 === void 0 ? void 0 : _cardsarray$13.collectionid));
       },
       style: {
         paddingLeft: sectionproperties.imagepadding + 'px',
@@ -51896,7 +52061,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: (_cardsarray$11 = cardsarray[3]) === null || _cardsarray$11 === void 0 ? void 0 : _cardsarray$11.image,
+      path: (_cardsarray$14 = cardsarray[3]) === null || _cardsarray$14 === void 0 ? void 0 : _cardsarray$14.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -51927,7 +52092,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$12 = cardsarray[3]) === null || _cardsarray$12 === void 0 ? void 0 : _cardsarray$12.name)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? (_cardsarray$15 = cardsarray[3]) === null || _cardsarray$15 === void 0 ? void 0 : _cardsarray$15.name_en : (_cardsarray$16 = cardsarray[3]) === null || _cardsarray$16 === void 0 ? void 0 : _cardsarray$16.name_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-center"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' collectioncardbutton m-0 p-0 allcentered '
@@ -51938,8 +52103,8 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         paddingRight: sectionproperties.imagepadding + 'px'
       },
       onClick: function onClick() {
-        var _cardsarray$13;
-        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$13 = cardsarray[4]) === null || _cardsarray$13 === void 0 ? void 0 : _cardsarray$13.collectionid));
+        var _cardsarray$17;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$17 = cardsarray[4]) === null || _cardsarray$17 === void 0 ? void 0 : _cardsarray$17.collectionid));
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100",
@@ -51956,7 +52121,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: (_cardsarray$14 = cardsarray[4]) === null || _cardsarray$14 === void 0 ? void 0 : _cardsarray$14.image,
+      path: (_cardsarray$18 = cardsarray[4]) === null || _cardsarray$18 === void 0 ? void 0 : _cardsarray$18.image,
       loading: "lazy",
       style: {
         width: '100%',
@@ -51981,7 +52146,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectionname + ' m-0 p-0 '
-    }, (_cardsarray$15 = cardsarray[4]) === null || _cardsarray$15 === void 0 ? void 0 : _cardsarray$15.name)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? (_cardsarray$19 = cardsarray[4]) === null || _cardsarray$19 === void 0 ? void 0 : _cardsarray$19.name_en : (_cardsarray$20 = cardsarray[4]) === null || _cardsarray$20 === void 0 ? void 0 : _cardsarray$20.name_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
@@ -58365,13 +58530,17 @@ var DynamicForm = function DynamicForm(props) {
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React.createElement("div", {
+        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+      }, /*#__PURE__*/React.createElement("div", {
         "class": "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React.createElement("p", {
         "class": form_cssstyles.formlabel + ' m-0 p-0 ',
         style: {}
-      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+        "class": "text-danger"
+      }, item.isrequired == 1 ? '*' : ''))), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start"
       }, /*#__PURE__*/React.createElement("input", {
         type: type,
@@ -58390,16 +58559,20 @@ var DynamicForm = function DynamicForm(props) {
           updateformfield(event.target.value, index);
         },
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-      })));
+      }))));
     } else {
       return /*#__PURE__*/React.createElement("div", {
+        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+      }, /*#__PURE__*/React.createElement("div", {
         "class": "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React.createElement("p", {
         "class": form_cssstyles.formlabel + ' m-0 p-0 ',
         style: {}
-      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+        "class": "text-danger"
+      }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start"
       }, /*#__PURE__*/React.createElement("input", {
         type: type,
@@ -58408,18 +58581,22 @@ var DynamicForm = function DynamicForm(props) {
           updateformfield(event.target.value, index);
         },
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-      })));
+      }))));
     }
   };
   var textareaitem = function textareaitem(item, index) {
     return /*#__PURE__*/React.createElement("div", {
+      "class": 'col-md-12 col-lg-12'
+    }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 mb-3"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 text-start mb-2"
     }, /*#__PURE__*/React.createElement("p", {
       "class": form_cssstyles.formlabel + ' m-0 p-0 ',
       style: {}
-    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 text-start"
     }, /*#__PURE__*/React.createElement(TextareaAutosize, {
       value: item.value,
@@ -58427,7 +58604,7 @@ var DynamicForm = function DynamicForm(props) {
         updateformfield(event.target.value, index);
       },
       className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-    })));
+    }))));
   };
   var selectboxitem = function selectboxitem(item, index) {
     var itemsarr = item.selectboxvalues;
@@ -58435,13 +58612,17 @@ var DynamicForm = function DynamicForm(props) {
       var decoditems = JSON.parse(itemsarr);
       if (decoditems != undefined && Array.isArray(decoditems)) {
         return /*#__PURE__*/React.createElement("div", {
+          "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+        }, /*#__PURE__*/React.createElement("div", {
           "class": "row m-0 w-100 mb-3"
         }, /*#__PURE__*/React.createElement("div", {
           "class": "col-lg-12 text-start mb-2"
         }, /*#__PURE__*/React.createElement("p", {
           "class": form_cssstyles.formlabel + ' m-0 p-0 ',
           style: {}
-        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
+        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+          "class": "text-danger"
+        }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement("div", {
           "class": "col-lg-12 text-start"
         }, /*#__PURE__*/React.createElement("select", {
           value: item.value,
@@ -58455,7 +58636,7 @@ var DynamicForm = function DynamicForm(props) {
           return /*#__PURE__*/React.createElement("option", {
             value: sitem.optionname_en
           }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
-        }))));
+        })))));
       }
     }
   };
@@ -58478,7 +58659,7 @@ var DynamicForm = function DynamicForm(props) {
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
-      borderRadius: sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
       fontWeight: sectionproperties.generalbtn_fontweight,
@@ -58518,6 +58699,14 @@ var DynamicForm = function DynamicForm(props) {
         transition: '.3s',
         backgroundColor: '#044da6'
       }
+    }),
+    sectiontitle: css({
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -58561,12 +58750,8 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
+    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
+    style: {}
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 p-3 mt-3'
   }, /*#__PURE__*/React.createElement("div", {
@@ -58687,12 +58872,8 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
+    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
+    style: {}
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 '
   }, /*#__PURE__*/React.createElement("div", {
@@ -59532,14 +59713,14 @@ var Freetextsection = function Freetextsection(props) {
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      minWidth: '10%',
+      // minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     line_right: css({
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      minWidth: '10%',
+      // minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     btn: css({
@@ -59577,36 +59758,39 @@ var Freetextsection = function Freetextsection(props) {
         top: 0,
         bottom: 0
       }
+    }),
+    sectiontitlecontent: css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      // padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
     })
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center flex-row",
+      "class": "d-flex align-items-center allcentered",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
       }
-    }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-      "class": section_styles.line_left,
-      style: {
-        marginLeft: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-        marginRight: langdetect == 'en' ? sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0 : 0
-      }
-    }), /*#__PURE__*/React.createElement("p", {
+    }, /*#__PURE__*/React.createElement("p", {
       "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": section_styles.sectiontitlecontent
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
       style: {
-        color: sectionproperties.sectionTitleColor,
-        textTransform: sectionproperties.sectionTitleTextTransform,
-        fontWeight: sectionproperties.sectionTitleFontWeight,
-        padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
-        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-      "class": section_styles.line_right,
-      style: {
-        marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-        marginLeft: langdetect == 'en' ? sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0 : 0
+        width: '50%',
+        background: sectionproperties.linebgcolor,
+        height: 3,
+        borderRadius: 10
       }
     }));
   };
@@ -59665,8 +59849,8 @@ var Freetextsection = function Freetextsection(props) {
       style: {
         paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-        paddingTop: type == 'responsive' ? '15px' : sectionproperties.paddingTop + 'px',
-        paddingBottom: type == 'responsive' ? '15px' : sectionproperties.paddingBottom + 'px',
+        paddingTop: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingTop + 'px',
+        paddingBottom: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingBottom + 'px',
         zIndex: 100,
         height: sectionproperties.hideshowcardtransition == 'Show' ? type == 'responsive' ? sectionproperties.height_responsive + 'px' : '' : ''
       }
@@ -59714,7 +59898,45 @@ var Freetextsection = function Freetextsection(props) {
     "class": "w-100 allcentered",
     style: {
       background: sectionproperties.outerbgcolor
+      // backgroundImage: sectionproperties.sectionbgstyle == 'Besides each other' ? 'url(' + serverbaselink + maincontainerarrayofobjs[0]?.back_bgimage + ')' : '',
+    }
+  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-10 col-md-11 mt-3 mb-3",
+    style: {
+      background: 'white',
+      borderRadius: 10,
+      boxShadow: '0 0 10px #ccc',
+      padding: 40
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-flex allcentered mb-md-4"
+  }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 col-md-12 p-md-0",
+    style: {
+      paddingLeft: langdetect == 'en' ? '50px' : 0,
+      paddingRight: langdetect == 'ar' ? '50px' : 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 text-start text-md-center",
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, Description()))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
     style: {
@@ -59729,7 +59951,7 @@ var Freetextsection = function Freetextsection(props) {
       marginBottom: sectionproperties.marginBottom + 'px',
       background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
     }
-  }, SectionContent('responsive')));
+  }, SectionContent('responsive'))));
 };
 
 function ownKeys$W(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; }
@@ -59802,6 +60024,28 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
+    btn2: css({
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      // backgroundColor: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_bgColoronhover,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      border: '1px solid ' + sectionproperties.generalbtn_bgColoronhover,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      marginTop: sectionproperties.generalbtn_marginTop + 'px',
+      marginBottom: sectionproperties.generalbtn_marginBottom + 'px',
+      transition: '.3s',
+      cursor: 'pointer',
+      ':hover': {
+        // backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.sectionproperties,
+        borderColor: sectionproperties.sectionproperties
+      }
+    }),
     sectiontitlespan: css({
       paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
       paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
@@ -59957,8 +60201,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         borderRadius: sectionproperties.reservation_borderradius + 'px'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 ',
-      style: {}
+      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 py-md-4 ',
+      style: {
+        // padding: 20,
+      }
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex ',
       style: {
@@ -60172,10 +60418,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React.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 ',
+    "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 px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60255,7 +60504,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.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.createElement("button", {
-    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
         var _authdetailsContext$i9;
@@ -60274,7 +60523,27 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       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.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(section_styles.btn) + ' mx-1 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i11;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.whatsappnumber) != null) {
+          var _authdetailsContext$i12;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink2, false, '');
+      } else {
+        window.open(sectionproperties.btnlink2, '_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' ? 'Subscribe' : 'اشترك الان')), /*#__PURE__*/React.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',
@@ -60284,10 +60553,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.facebooklink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60295,10 +60564,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instagramlink) != null) {
+        var _authdetailsContext$i16;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60306,10 +60575,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60323,10 +60592,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React.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 ',
+    "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 mb-md-3 ' : 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 mb-md-3 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      borderRadius: sectionproperties.reservation_borderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60409,10 +60679,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "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');
+        var _authdetailsContext$i19;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber) != null) {
+          var _authdetailsContext$i20;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60435,10 +60705,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.facebooklink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60446,10 +60716,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i23;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink) != null) {
+        var _authdetailsContext$i24;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60457,10 +60727,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60474,10 +60744,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.image_show == 'show' && Image(), /*#__PURE__*/React.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 ',
+    "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 px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60557,13 +60830,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.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.createElement("button", {
-    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn2) + ' 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');
+        var _authdetailsContext$i27;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber) != null) {
+          var _authdetailsContext$i28;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60576,7 +60849,27 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       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.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(section_styles.btn) + ' mx-1 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i29;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.whatsappnumber) != null) {
+          var _authdetailsContext$i30;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink2, false, '');
+      } else {
+        window.open(sectionproperties.btnlink2, '_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' ? 'Subscribe' : 'اشترك الان')), /*#__PURE__*/React.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',
@@ -60586,10 +60879,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i31;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.facebooklink) != null) {
+        var _authdetailsContext$i32;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60597,10 +60890,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i33;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.instagramlink) != null) {
+        var _authdetailsContext$i34;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60608,10 +60901,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.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');
+      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.createElement(FaWhatsapp, {
@@ -60711,10 +61004,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "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');
+        var _authdetailsContext$i37;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.whatsappnumber) != null) {
+          var _authdetailsContext$i38;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60737,10 +61030,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i39;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.facebooklink) != null) {
+        var _authdetailsContext$i40;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60748,10 +61041,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i41;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.instagramlink) != null) {
+        var _authdetailsContext$i42;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60759,10 +61052,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.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');
+      var _authdetailsContext$i43;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.whatsappnumber) != null) {
+        var _authdetailsContext$i44;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -61398,6 +61691,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     cardContainer: css({
+      background: sectionproperties.reservation_bgcolor,
       ':hover .imageContainer': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
@@ -61405,6 +61699,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover .text1Styles': {
         transition: '.3s',
         color: sectionproperties.text1secondarycolor
+      },
+      ':hover': {
+        background: sectionproperties.innersectionbgcolorhover
       }
     }),
     btnstyles: css({
@@ -61413,7 +61710,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
+      // textDecoration: sectionproperties.textdecoration == 'None' ? 'none' : 'underline',
       backgroundColor: sectionproperties.generalbtn_bgColor,
       borderRadius: sectionproperties.generalbtnborderradius,
       ':hover': {
@@ -61485,18 +61782,21 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex align-items-center flex-row allcentered",
+    "class": "d-flex align-items-center flex-column allcentered",
     style: {
       position: 'relative',
       width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
     }
-  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-    "class": sectionStyles.line_left
-  }), /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center  ',
     style: {}
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-    "class": sectionStyles.line_right
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: '50%',
+      background: sectionproperties.linebgcolor,
+      height: 3,
+      borderRadius: 10
+    }
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
     style: {
@@ -61508,7 +61808,118 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
     style: {}
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.flippingcards == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.numofcols == '2' ? 'flip-card col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'flip-card col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'flip-card col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
+      style: {
+        zIndex: 2,
+        paddingLeft: sectionproperties.marginhorizontal + 'px',
+        paddingRight: sectionproperties.marginhorizontal + 'px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "flip-card-inner",
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : ''
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "flip-card-front"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex align-items-center p-0",
+      style: {
+        marginBottom: sectionproperties.image_mb + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+      style: {
+        background: 'transparent'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+      style: {
+        maxHeight: sectionproperties.iconcontainerwidth + '%',
+        maxWidth: sectionproperties.iconcontainerwidth + '%',
+        objectFit: 'contain'
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex p-0",
+      style: {
+        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
+      style: {
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
+      }
+    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), sectionproperties.generalbtn_show = cardinfoitem.iscardclickable == 'Yes' && /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.justifyContentCenter == 'Centered' ? 'col-lg-12 mt-2 allcentered' : 'col-lg-12 mt-2 text-start p-0'
+    }, /*#__PURE__*/React.createElement("button", {
+      "class": "".concat(sectionStyles.btnstyles)
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React.createElement("div", {
+      "class": "flip-card-back allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 allcentered"
+    }, sectionproperties.showimagewhenflip == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex align-items-center p-0",
+      style: {
+        marginBottom: sectionproperties.image_mb + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": ' d-flex align-items-center  ',
+      style: {
+        width: '30%',
+        height: '30%',
+        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+      style: {
+        maxHeight: '100%',
+        maxWidth: '100%',
+        objectFit: 'contain'
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex p-0",
+      style: {
+        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
+      style: {
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
+        color: ' #FFECB5',
+        fontSize: 14
+      }
+    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex p-0",
+      style: {
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 wordbreak",
+      style: {
+        color: sectionproperties.slideshowText2ContentColor,
+        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      }
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))))));
+  })), sectionproperties.flippingcards == 'No' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     var _authdetailsContext$i;
     return /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
@@ -61521,20 +61932,37 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-        background: sectionproperties.reservation_bgcolor,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
         borderRadius: sectionproperties.reservation_borderradius + 'px',
-        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
+        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
+        // sectionproperties.innersectionbordertype == 'All'
+        //     ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //     : cardinfoindex != cardsarray.length - 1
+        //     ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //     : '',
         // cardinfoindex != cardsarray.length - 1
         //     ? sectionproperties.innersectionbordertype == 'All'
         //         ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
         //         : ''
         //     : '',
-        borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
-        borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+        // borderRight:
+        //     cardinfoindex != cardsarray.length - 1
+        //         ? sectionproperties.innersectionbordertype == 'Right'
+        //             ? langdetect == 'en'
+        //                 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //                 : ''
+        //             : ''
+        //         : '',
+        // borderLeft:
+        //     sectionproperties.innersectionbordertype == 'Right'
+        //         ? langdetect == 'ar'
+        //             ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //             : ''
+        //         : '',
+        borderRight: sectionproperties.innersectionbordertype != 'All' && cardinfoindex != cardsarray.length - 1 ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
         height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
@@ -61657,7 +62085,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
-  }))));
+  })))));
 };
 
 var css_248z$h = ".Slideshow_with_rotatedsquare-module_sectioncont__AfYNO{\n    padding-top:80px;\n    padding-bottom:80px;\n    padding-left: 180px;\n    padding-right: 180px;\n   \n   }\n   .Slideshow_with_rotatedsquare-module_rotatedsquare__lZPTd{\n       width:150px;\n       height:150px;\n      border-radius:15px;\n      position: relative;\n      transform: rotate(-45deg);\n   }\n   .Slideshow_with_rotatedsquare-module_circle__ofuN0{\n       position: absolute;\n       width:60px;\n       height:60px;\n       border-radius:50%;\n       left:57%;\n       top:100px;\n   \n   }\n   .Slideshow_with_rotatedsquare-module_circle1__4tbou{\n     \n       width:10px;\n       height:10px;\n       border-radius:50%;\n       margin-right:10px;\n       margin-left:140px;\n       background-color:blue;\n   \n   }\n   \n   ";
@@ -76864,7 +77292,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(item.description)), /*#__PURE__*/React.createElement("div", {
+  }, plainString(item.shortdescription)), /*#__PURE__*/React.createElement("div", {
     style: {
       flexDirection: 'column'
     },